1.这款插件以来jquery.js,所以首先要引用jquery文件
<script src="jquery.min.js"></script>
<script src="jquery.lazyload.min.js"></script>
2.要有img标签
<img class="lazy" data-original="img/omgWordImg/Homepage_olympics_960x720_large_.jpg" alt="">
图片的真实路径要写在data-original属性中
3.调用lazyload
eg:
$("img.lazy").lazyload();
当图片完全加载的时候,插件默认地使用show()方法来将图显示出来。你也可以使用其他的效果,如fadeIn:
eg:
$("img.lazy").lazyload({
effect : "fadeIn"
});
4.提前加载图片
eg:
$(“img.lazy”).lazyload({
threshold: 200
});
5.设置查找图片张数
可以通过lazyload函数的failure_limit参数:
eg:
$("img.lazy").lazyload({
failure_limit: 20
});
希望对你有帮助,欢迎吐槽。。。。。。。。。。。。。。。。