拧巴人 发表于 2015-6-19 19:11

js如何实现图片懒加载

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

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

秘法所 发表于 2016-11-18 16:43

受教了！这个论坛果然很不错，适合学习
页: [1]
查看完整版本: js如何实现图片懒加载