福州网站建设
时间 : 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有什么优势
可有效解决网站图片加载慢的问题。
本文为福州网站建设公司-新锐动力原创,如转载,请注明出处!
相关文章:
上一篇: 福州企业营销型网站的核心要素