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

      <label id="lmemt"><xmp id="lmemt">
        <rt id="lmemt"></rt>

      1. <center id="lmemt"><optgroup id="lmemt"></optgroup></center>

      2. 284292114@qq.com 中國站
        行業(yè)新聞 網(wǎng)站建設 網(wǎng)絡推廣 首頁>新聞中心>網(wǎng)站建設

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

        時間:2025-03-09   訪問量:0

        這是全部IMG都會進行懶加載的,

         <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); // 頁面加載時檢查一次
        };
          </script>


        然后對圖片添加CLASS類:

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


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