什么是jquery.lazyload.js圖片懶加載

當一個網站圖片太多時，打開網站即加載圖片的話，對速度會有很大的影響。jquery.lazyload.js只會加載當前屏幕可視范圍內的圖片，這樣大大減少了圖片對帶寬的占用，從而提高網站訪問速度。

jquery.lazyload遇到tab選項卡切換時，圖片不切換的解決方法

如上圖，當網站上有我個tab選項卡時，切換時選項卡內容里面的圖片不會顯示出來?？梢允褂靡韵碌姆椒ㄟM行有效解決，親測有效：

在選項卡切換的方法事件中重新調用一次lazyload方法。

$("img.delay").lazyload({ effect: "fadeIn" });

完整代碼如下：

$(document).ready(function () {

    $('.tab .tab-item').hover(function () {

        var $this = $(this), index = $this.index();

        $this.addClass('tab-selected').siblings().removeClass('tab-selected');

        $this.parents('.fn_box').find('.pro-cont').hide().eq(index).show();

        $("img.delay").lazyload({ effect: "fadeIn" });

    });

});

演示地址：https://www.dachunchao.com/

jquery.lazyload有什么優勢

可有效解決網站圖片加載慢的問題。

本文為福州網站建設公司-新銳動力原創，如轉載，請注明出處！

相關文章：

福州網站建設對企業的好處是什么？

什么是營銷型網站？福州企業網站建設公司來告訴你