zoukankan      html  css  js  c++  java
  • 打开网页,图片延迟加载

    客户那边网速可能比较慢,导致加载慢。
    于是做了一个图片延迟加载的方案,会在页面整体加载完以后再加载图片。

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

      1. <script>
      2.  function lazyloadimg(){
      3.     imgs=document.getElementsByTagName("img");
      4.     imgsnum=imgs.length;
      5.     for(i=0;i<imgsnum;i++){
      6.         if((typeof(imgs[i].src)=='undefined'||imgs[i].src=='')&&imgs[i].getAttribute('imgsrc')!=null){
      7.             imgs[i].src=imgs[i].getAttribute('imgsrc');
      8.         }
      9.     }
      10.  }
      11. lazyloadimg();
      12.  </script>
  • 相关阅读:
    第十一周作业
    第十周作业
    第九周编程
    第十二周作业
    第十一周作业
    第十周作业
    第八周作业
    第七周作业
    第五周作业
    2019春季学期第四周作业
  • 原文地址:https://www.cnblogs.com/jcs-cs-s/p/7457026.html
Copyright © 2011-2022 走看看