jQuery图片懒加载代码

js代码

<script src=\"js/jquery.min.js\"></script>
<script>
	var _content = []; //临时存储li循环内容
	var moreload = {
		_default:10, //默认显示图片个数
		_loading:5,  //每次点击按钮后加载的个数
		init:function(){
			var lis = $(\".moreload .hidden li\");
			$(\".moreload ul.list\").html(\"\");
			for(var n=0;n<moreload._default;n++){
				lis.eq(n).appendTo(\".moreload ul.list\");
			}
			$(\".moreload ul.list img\").each(function(){
				$(this).attr(\'src\',$(this).attr(\'realSrc\'));
			})
			for(var i=moreload._default;i<lis.length;i++){
				_content.push(lis.eq(i));
			}
			$(\".moreload .hidden\").html(\"\");
		},
		loadMore:function(){
			var mLis = $(\".moreload ul.list li\").length;
			for(var i =0;i<moreload._loading;i++){
				var target = _content.shift();
				if(!target){
					$(\'.moreload .more\').html(\"<p>全部加载完毕...</p>\");
					break;
				}
				$(\".moreload ul.list\").append(target);
				$(\".moreload ul.list img\").eq(mLis+i).each(function(){
					$(this).attr(\'src\',$(this).attr(\'realSrc\'));
				});
			}
		}
	}
	moreload.init();
</script>