图片延迟插件 Jquery.lazyload.min.js

当一个页面打开的图片太多，我们可以用jquery的一个延迟加载插件.名为:jquery.lazyload.min.js

使用非常简单，如下：

  <div  style="height:700px;">  
       <img src="img/grey.gif" data-original="http://www.ziyou.com.cn/ziyou/uploadImg/bberfq.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>   
       </div>   
    <div>  
    <img src="img/grey.gif" data-original="http://www.ziyou.com.cn/ziyou/uploadImg/cvbcvb.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>   
    </div>   <div>  
    <img src="img/grey.gif" data-original="http://www.ziyou.com.cn/ziyou/uploadImg/1322450338410.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>   
    </div>   
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>   
 <script type="text/javascript" src="/index/@py-z_class/jquery.lazyload.min.js"></script>  
   <script type="text/javascript" charset="utf-8">   
        $(function() {  
        $("img").lazyload();  
     });  
   </script>   

 

 

 

对性能提升非常有帮助

来源： <http://blog.csdn.net/yybjroam05/article/details/7712851>