jQuery の lazyload.js のパラメータの設定方法

jQuery の lazyload.js プラグインでは、さまざまなパラメータを設定することで遅延読み込みの挙動をカスタマイズできます。以下に、一般的なパラメータ設定を示します。

1. 敷居

$('img').lazyload({
threshold: 200 // 元素进入视窗200像素时开始加载
});

1. 効果的に

$('img').lazyload({
effect: "fadeIn" // 元素加载时淡入效果
});

1. 容器
2. 窓

$('.lazy').lazyload({
container: $('.container') // 只有在.container内的.lazy元素进行懒加载
});

1. 失敗制限

$('img').lazyload({
failure_limit: 3 // 最多允许加载失败的图片个数为3个
});

1. data_attribute

$('img').lazyload({
data_attribute: "data-src" // 使用data-src属性作为图片的真实地址
});

これらは一般的なパラメータ設定の一部にすぎず、必要に応じて他のパラメータを設定できます。パラメータのリストと使用方法の詳細については、lazyload.jsの公式ドキュメントを参照してください。