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

1.这款插件以来jquery.js,所以首先要引用jquery文件


2.要有img标签

图片的真实路径要写在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
});

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

你可能感兴趣的:(jquery.lazyload.js插件实现图片延迟加载用法)