QQ账号登录	立即注册>>

总共48086条微博

动态微博

发表新帖

查看: 4542|回复: 1

js如何实现图片懒加载

279 主题	41 听众	689 金钱

版主

该用户从未签到

电梯直达

楼主

发表于 2015-06-19 19:11:12 |只看该作者 |倒序浏览

首先，将模板中<img src=”"/>全部改为<img imgsrc=”"/>
然后在模板底部加上js代码：

<script>
function lazyloadimg(){
imgs=document.getElementsByTagName(“img”);
imgsnum=imgs.length;
for(i=0;i<imgsnum;i++){
      if((typeof(imgs[i].src)==’undefined’||imgs[i].src==”)&&imgs[i].getAttribute(‘imgsrc’)!=null){
         imgs[i].src=imgs[i].getAttribute(‘imgsrc’);
      }
}
}
lazyloadimg();
</script>

科帮网 1、本主题所有言论和图片纯属会员个人意见，与本社区立场无关
2、本站所有主题由该帖子作者发表，该帖子作者与科帮网享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和科帮网的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、科帮网管理员和版主有权不事先通知发贴者而删除本文