官网:http://www.appelsiini.net/projects/lazyload
使用例子:http://demo.phpfs.com/lazyload/
代码下载:lazyload
代码解析
$(function(){
var ERROR_IMG = './img/image_err.gif';
var LOADER_IMG = './img/lazy_loading.gif';
$("img").one("error", function() {
$(this).attr("src", ERROR_IMG);
});
$.each($("img"), function(i, n) {
if ($(n).attr("src") == '')
$(n).attr("src", ERROR_IMG);
});
$(".lazy").lazyload({
placeholder : LOADER_IMG,//图片提前占位
threshold : 0,//参数:threshold,值为数字,代表页面高度.如设置为200,表示滚动条在离目标位置还有200的高度时就开始加载图片,可以做到不让用户察觉.
event : "scroll",//触发事件
effect : "fadeIn",//图片加载效果
failurelimit : 10
//参数:failurelimit,值为数字.lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,
//但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况,failurelimit意在加载N张可见区域外的图片,以避免出现这个问题
});
});