图片延迟加载
2013-05-06 13:01
134 查看
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'); } } }
相关文章推荐
- 使用jquery插件实现图片延迟加载技术
- vue-lazyload图片延迟加载插件的实例讲解
- Javascript Lazyload图片延迟加载特效,降低HTPP连接次数,提高页面访问时间
- 使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
- Lazy Load, 延迟加载图片的 jQuery 插件
- js开发:原生js实现图片延迟加载
- 移动端--图片延迟加载
- 图片延迟加载
- JQuery判断页面图片是否加载完成并延迟加载
- 使用lazy load延迟图片的加载
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- 延迟加载 图片的 jQuery 插件 ---- Lazy Load
- jquery.lazyload.js图片延迟加载
- js图片延迟加载的实现方法及思路
- 网络图片延迟加载实现代码 超越jquery控件
- 前端优化:延迟加载图片
- 解决在UIWebView中加载图片时出现延迟现象的做法
- Lazy Load, 延迟加载图片的 jQuery 插件
- JQuery 图片延迟加载并等比缩放插件
- 单张图片延迟加载