js简单实现图片延迟加载的方法
2016-07-19 00:00
1106 查看
本文实例讲述了js简单实现图片延迟加载的方法。分享给大家供大家参考,具体如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
原生js页面滚动延迟加载图片
javascript实现图片延迟加载方法汇总(三种方法)
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
jquery插件lazyload.js延迟加载图片的使用方法
js图片延迟加载的实现方法及思路
原生Js页面滚动延迟加载图片实现原理及过程
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
window.onload=window.onresize=window.onscroll=function() { showImg(); }; function getPos(obj) { var l=0; var t=0; while(obj) { l+=obj.offsetLeft; t+=obj.offsetTop; obj=obj.offsetParent; } return {left: l, top: t}; } function showImg() { var aTmg=document.getElementsByTagName('img'); var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; var scrollBottom=scrollTop+document.documentElement.clientHeight; for(var i=0;i<aTmg.length;i++) { var p=getPos(aTmg[i]); if(p.top<scrollBottom) { //alert(aTmg); aTmg[i].src=aTmg[i].getAttribute('_src'); } } }
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
javascript图片延迟加载实现方法及思路原生js页面滚动延迟加载图片
javascript实现图片延迟加载方法汇总(三种方法)
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
jquery插件lazyload.js延迟加载图片的使用方法
js图片延迟加载的实现方法及思路
原生Js页面滚动延迟加载图片实现原理及过程
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- js可突破windows弹退效果代码
- upload上传单张图片
- JSP脚本漏洞面面观
- 图片引发的溢出危机(图)
- C# WinForm控件对透明图片重叠时出现图片不透明的简单解决方法
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
- C#实现把彩色图片灰度化代码分享
- C#将图片和字节流互相转换并显示到页面上
- C#监控文件夹并自动给图片文件打水印的方法
- 爆炸式的JS圆形浮动菜单特效代码
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 如何使用C#从word文档中提取图片