.不管是延迟加载图片还是模块内容,此插件都可以用,加载的内容可以是js,html
这个插件的比较明显的地方就是如果滚动条快速拉到底部,中间的图片就直接不加载,用到setTimeout方法
2.要点就是判断容器或img是否在视窗内,如果在视窗内就加载,反之不加载.
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
/*1.让标签名为img的图片延迟加载2.如果标签名不是img，则可以通过参数传递一个值给模块，延迟加载数据的呈现*/(function(){ $.fn.lazyLoad=function(arg){ var opt=$.extend({ attr:"url_alt" },arg||{}); opt.arr=[]; /*loading*/ var loading=function(){ var _wst=$(window).scrollTop(),_wstb=_wst+$(window).height(); $.each(opt.arr,function(i,data){ var target=data.obj,_url=data._url,_tag=data.node; if(target){ var _imgftop=target.offset().top,_imgft=_imgftop+target.height(); //判断在视窗中 if((_imgftop>_wst&&_imgftop<_wstb)||(_imgft>_wst&&_imgft<_wstb)){ if(_tag==="img"){ target.attr("src",_url) }else{ target.load(_url); } data.obj=null }; }; }); } $(this).each(function(){ var _src=$(this).attr(opt.attr),_node=this.nodeName.toLowerCase(); var obj={ obj:$(this), _url:_src, node:_node }; opt.arr.push(obj); loading.apply($(this),opt.arr) }) setTimeout(function(){ $(window).bind("scroll",loading); },2000) } })(jQuery); |
示例(两种情况:1.加载img,2.加载js):
调用方式:
|
1
2
|
$("#m_list img").lazyLoad();$("#ox").lazyLoad({attr:"data"}); |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>情封-图片延迟加载</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
*{ margin:0; padding:0}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }
/*m_list*/
.m_list { width:600px; margin:0 auto}
.m_list li{ float:right; width:140px; border-bottom:1px solid #d7d7d7; padding:15px 10px; text-align:center; line-height:20px;list-style:none;overflow:hidden; height:140px;}
.m_list li a{ color:#444;}
.m_list li a img{ display:block; vertical-align:middle;background:url(loading.gif) no-repeat center center; }
.m_list li span img{ vertical-align:text-top;}
.m_list li a:hover{ color:#35b4e6;}
#ox{ height:500px;width:290px; background:#fff;}
</style>
<script type="text/javascript" src="http://www.f2er.net/wp-content/themes/pandaV1.0/js/jquery-1.4.2.js"></script>
</head>
<body>
<ul class="m_list clearfix" id="m_list">
<li>
<a href="#"><img src="" alt="" class="c_img" url_alt="http://ww4.sinaimg.cn/large/62914aabgw6dcrghjil7cj.jpg" width="136" height="102" /></a>
<span><a href="#">Party! at the houseParty! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the houseParty! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww3.sinaimg.cn/bmiddle/667950cajw6dcrensi0uxj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww1.sinaimg.cn/bmiddle/3dee7ca7jw6dcrcrou36xj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
<li>
<a href="#"><img src="" width="136" height="102" alt="" class="c_img" url_alt="http://ww3.sinaimg.cn/bmiddle/60a59655jw6dcr4to68rpj.jpg" /></a>
<span><a href="#">Party! at the house</a></span>
</li>
</ul>
<div id="ox" data="UE_arab.js"></div>
<script type="text/javascript">
/*
1.让标签名为img的图片延迟加载
2.如果标签名不是img，则可以通过参数传递一个值给模块，延迟加载数据的呈现
*/
(function(){
$.fn.lazyLoad=function(arg){
var opt=$.extend({
attr:"url_alt"
},arg||{});
opt.arr=[];
/*loading*/
var loading=function(){
var _wst=$(window).scrollTop(),_wstb=_wst+$(window).height();
$.each(opt.arr,function(i,data){
var target=data.obj,_url=data._url,_tag=data.node;
if(target){
var _imgftop=target.offset().top,_imgft=_imgftop+target.height();
//判断在视窗中
if((_imgftop>_wst&&_imgftop<_wstb)||(_imgft>_wst&&_imgft<_wstb)){
if(_tag==="img"){
target.attr("src",_url)
}else{
target.load(_url);
}
data.obj=null
};
};
});
}
$(this).each(function(){
var _src=$(this).attr(opt.attr),_node=this.nodeName.toLowerCase();
var obj={
obj:$(this),
_url:_src,
node:_node
};
opt.arr.push(obj);
loading.apply($(this),opt.arr)
})
setTimeout(function(){
$(window).bind("scroll",loading);
},2000)
}
})(jQuery);
$("#m_list img").lazyLoad();
$("#ox").lazyLoad({attr:"data"});
</script>
</body>
</html>
