国产沈阳熟女视频|骚视频97网站一区日本在线视频|久1社区在线视频|综合久久国外自产拍无码精品视频|亚洲欧美Tv先锋|综合五月天网址制服丝袜在线露脸|1024欧美手机视频我不卡|日本二区欧美亚洲国产|丁香五月婷婷五月|综合 另类 一区

<bdo id="itavq"></bdo>

  1. <span id="itavq"></span>
    <span id="itavq"></span>
    
    
    
    284292114@qq.com 中國站
    行業(yè)新聞 網(wǎng)站建設(shè) 網(wǎng)絡(luò)推廣 首頁>新聞中心>網(wǎng)站建設(shè)

    使用懶加載的方式加載圖片

    時(shí)間:2025-03-09   訪問量:0

    這是全部IMG都會(huì)進(jìn)行懶加載的,

     <img   data-src="[list:ico]"  alt="[list:title]" >

    JS代碼

    <!-- 頁面圖片延遲加載 -->
    <script>
    var imgs = document.querySelectorAll('img');
      function getTop(e) {
        var T = e.offsetTop;
        while ((e = e.offsetParent)) {
          T += e.offsetTop;
        }
        return T;
      };
      function lazyLoad(imgs) {
        var H = document.documentElement.clientHeight;
        var S = document.documentElement.scrollTop || document.body.scrollTop;
        for (var i = 0; i < imgs.length; i++) {
          if (H + S > getTop(imgs[i])) {
            if (imgs[i].getAttribute('data-src')) {
              imgs[i].src = imgs[i].getAttribute('data-src');
            }
          }
        }
      };
      window.onload = window.onscroll = function() {
        lazyLoad(imgs);
      };
      </script>


    如果需要指定的話,可以將JS修改:

    <!-- 頁面圖片延遲加載 -->
    <script>
    window.onload = window.onscroll = function () {
        var imgs = document.querySelectorAll('.lazy_location img');
        function getTop(e) {
            var T = e.offsetTop;
            while ((e = e.offsetParent)) {
                T += e.offsetTop;
            }
            return T;
        }
        function lazyLoad(imgs) {
            var H = document.documentElement.clientHeight;
            var S = document.documentElement.scrollTop || document.body.scrollTop;
            for (var i = 0; i < imgs.length; i++) {
                if (H + S > getTop(imgs[i])) {
                    if (imgs[i].getAttribute('data-src')) {
                        imgs[i].src = imgs[i].getAttribute('data-src');
                        console.log("圖片加載:", imgs[i].src);
                    }
                }
            }
        }
        lazyLoad(imgs); // 頁面加載時(shí)檢查一次
    };
      </script>


    然后對(duì)圖片添加CLASS類:

     <a href="javascript:;"  class="lazy_location">
                              <img   data-src="[list:ico]"  alt="[list:title]" >
                             </a>


    服務(wù)咨詢
    1對(duì)1咨詢,專業(yè)客服為您解疑答惑
    聯(lián)系銷售
    15899750475
    在線咨詢
    聯(lián)系在線客服,為您解答所有的疑問