建站业务(推荐)
福州网站建设
时间 : 2019-02-24 16:35 浏?#25042;?: 322什?#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有什么优势
可有效解决网站图片加载慢的问题。
本文为福州网站建设公司-新锐动力原创，如转载，请注明出处！
相关文章：
上一篇: 福州企业营销型网站的核心要素