jquery.lazyload.js插件实现图片延迟加载用法

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
});

希望对你有帮助，欢迎吐槽。。。。。。。。。。。。。。。。