溫馨提示×

jquery中lazyload.js參數怎么設置

小億
158
2023-09-21 19:10:43
欄目: 編程語言

在jQuery的lazyload.js插件中,可以通過設置不同的參數來自定義懶加載的行為。下面是一些常見的參數設置:

  1. threshold:設置元素進入視窗多少像素時開始加載,默認為0。
$('img').lazyload({
threshold: 200 // 元素進入視窗200像素時開始加載
});
  1. effect:設置元素加載的動畫效果,默認為"show"。還可以設置為"fadeIn"、"slideDown"等。
$('img').lazyload({
effect: "fadeIn" // 元素加載時淡入效果
});
  1. container:設置容器元素,只有在容器內的元素才會進行懶加載。默認為window。
$('.lazy').lazyload({
container: $('.container') // 只有在.container內的.lazy元素進行懶加載
});
  1. failure_limit:設置加載失敗的圖片個數限制,默認為0。
$('img').lazyload({
failure_limit: 3 // 最多允許加載失敗的圖片個數為3個
});
  1. data_attribute:設置使用的data屬性,默認為"original"??梢愿鶕枰远x使用的data屬性。
$('img').lazyload({
data_attribute: "data-src" // 使用data-src屬性作為圖片的真實地址
});

這些只是一些常見的參數設置,還有其他參數可以根據需要進行設置。具體的參數列表和用法可以參考lazyload.js的官方文檔。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女