鍦╦Query鐨刲azyload.js鎻掍欢涓紝鍙互閫氳繃璁剧疆涓嶅悓鐨勫弬鏁版潵鑷畾涔夋噿鍔犺浇鐨勮涓恒€備笅闈㈡槸涓€浜涘父瑙佺殑鍙傛暟璁剧疆锛?/p>

1. threshold锛氳缃厓绱犺繘鍏ヨ绐楀灏戝儚绱犳椂寮€濮嬪姞杞斤紝榛樿涓?銆?/li>

$('img').lazyload({
threshold: 200 // 鍏冪礌杩涘叆瑙嗙獥200鍍忕礌鏃跺紑濮嬪姞杞?/span>
});

2. effect锛氳缃厓绱犲姞杞界殑鍔ㄧ敾鏁堟灉锛岄粯璁や负"show"銆傝繕鍙互璁剧疆涓?quot;fadeIn"銆?quot;slideDown"绛夈€?/li>

$('img').lazyload({
effect: "fadeIn" // 鍏冪礌鍔犺浇鏃舵贰鍏ユ晥鏋?/span>
});

3. container锛氳缃鍣ㄥ厓绱狅紝鍙湁鍦ㄥ鍣ㄥ唴鐨勫厓绱犳墠浼氳繘琛屾噿鍔犺浇銆傞粯璁や负window銆?/li>

$('.lazy').lazyload({
container: $('.container') // 鍙湁鍦?container鍐呯殑.lazy鍏冪礌杩涜鎳掑姞杞?/span>
});

4. failure_limit锛氳缃姞杞藉け璐ョ殑鍥剧墖涓暟闄愬埗锛岄粯璁や负0銆?/li>

$('img').lazyload({
failure_limit: 3 // 鏈€澶氬厑璁稿姞杞藉け璐ョ殑鍥剧墖涓暟涓?涓?/span>
});

5. data_attribute锛氳缃娇鐢ㄧ殑data灞炴€э紝榛樿涓?quot;original"銆傚彲浠ユ牴鎹渶瑕佽嚜瀹氫箟浣跨敤鐨刣ata灞炴€с€?/li>

$('img').lazyload({
data_attribute: "data-src" // 浣跨敤data-src灞炴€т綔涓哄浘鐗囩殑鐪熷疄鍦板潃
});

杩欎簺鍙槸涓€浜涘父瑙佺殑鍙傛暟璁剧疆锛岃繕鏈夊叾浠栧弬鏁板彲浠ユ牴鎹渶瑕佽繘琛岃缃€傚叿浣撶殑鍙傛暟鍒楄〃鍜岀敤娉曞彲浠ュ弬鑰僱azyload.js鐨勫畼鏂规枃妗ｃ€?/p>