1、引入
2、使用
$(".lazy").lazyload();
3、配置
defaultOptions = {
threshold : 0, //图像提前多少加载,单位px
failure_limit : 0,
event : ‘scroll’, //触发事件
effect : ‘show’, //效果
effect_params : null, //effect的参数数组
container : w, //使用容器,默认是window
data_attribute : ‘original’, //可以改成src,即对应data-src属性
data_srcset_attribute : ‘original-srcset’,
skip_invisible : true,
appear : emptyFn,
load : emptyFn,
vertical_only : false, //竖直方向滚动的页面中使用
check_appear_throttle_time : 300,
url_rewriter_fn : emptyFn,
no_fake_img_loader : false,
placeholder_data_img :,
placeholder_real_img:,
}
示例:
$(function() {
$(".lazy").lazyload({
effect : “fadeIn”,//效果
data_attribute : ‘src’,//可以改成src,即对应data-src属性
event: ‘scroll’,//默认值
container: $(".content"), //一般无需指定,即window。sui框架里必须指定
});
});
4、jQuery.lazyload详解
http://www.cnblogs.com/wenbo/archive/2011/07/15/2107579.html