在jQuery的lazyload.js插件中,可以通過設置不同的參數來自定義懶加載的行為。下面是一些常見的參數設置:
threshold
:設置元素進入視窗多少像素時開始加載,默認為0。$('img').lazyload({
threshold: 200 // 元素進入視窗200像素時開始加載
});
effect
:設置元素加載的動畫效果,默認為"show"。還可以設置為"fadeIn"、"slideDown"等。$('img').lazyload({
effect: "fadeIn" // 元素加載時淡入效果
});
container
:設置容器元素,只有在容器內的元素才會進行懶加載。默認為window
。$('.lazy').lazyload({
container: $('.container') // 只有在.container內的.lazy元素進行懶加載
});
failure_limit
:設置加載失敗的圖片個數限制,默認為0。$('img').lazyload({
failure_limit: 3 // 最多允許加載失敗的圖片個數為3個
});
data_attribute
:設置使用的data屬性,默認為"original"。可以根據需要自定義使用的data屬性。$('img').lazyload({
data_attribute: "data-src" // 使用data-src屬性作為圖片的真實地址
});
這些只是一些常見的參數設置,還有其他參數可以根據需要進行設置。具體的參數列表和用法可以參考lazyload.js的官方文檔。