1.這款插件以來(lái)jquery.js愕乎,所以首先要引用jquery文件
<script src="jquery.min.js"></script>
<script src="jquery.lazyload.min.js"></script>
2.要有img標(biāo)簽
<img class="lazy" data-original="img/omgWordImg/Homepage_olympics_960x720_large_.jpg" alt="">
圖片的真實(shí)路徑要寫(xiě)在data-original屬性中
3.調(diào)用lazyload
eg:
$("img.lazy").lazyload();
當(dāng)圖片完全加載的時(shí)候契吉,插件默認(rèn)地使用show()方法來(lái)將圖顯示出來(lái)塌衰。你也可以使用其他的效果扣唱,如fadeIn:
eg:
$("img.lazy").lazyload({
effect : "fadeIn"
});
4.提前加載圖片
eg:
$(“img.lazy”).lazyload({
threshold: 200
});
5.設(shè)置查找圖片張數(shù)
可以通過(guò)lazyload函數(shù)的failure_limit參數(shù):
eg:
$("img.lazy").lazyload({
failure_limit: 20
});
希望對(duì)你有幫助,歡迎吐槽。。压怠。。飞苇。菌瘫。。布卡。雨让。。忿等。栖忠。。。娃闲。虚汛。