福州網站建設
時間 : 2019-02-24 16:35 瀏覽量 : 482什么是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有什么優勢
可有效解決網站圖片加載慢的問題。
本文為福州網站建設公司-新銳動力原創,如轉載,請注明出處!
相關文章:
上一篇: 福州企業營銷型網站的核心要素
下一篇: 沒有了