什?#35789;莏query.lazyload.js图片懒加载

当一个网站图片太多时，打开网站即加载图片的话，对速度会有很大的影响。jquery.lazyload.js只会加载当前屏幕可视范围内的图片，这样大大减少了图片对带宽的?#21152;茫?#20174;而提高网站访问速度。

jquery.lazyload遇到tab选项卡切换时，图片不切换的解决方法

如上图，当网站上有我个tab选项卡时，切换时选项卡内容里面的图片不会显示出来。可以使用以下的方法进行有效解决，亲测有效：

在选项卡切换的方法事件中重新调用一次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有什么优势

可有效解决网站图片加载慢的问题。

本文为福州网站建设公司-新锐动力原创，如转载，请注明出处！