码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-07-03 09:16:50      阅读:345      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   使用   

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

使用非常简单,下面我就把示例代码帖出来.

 1     <div  style="height:700px;">  
 2       <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/>   
 3      </div>   
 4      <div>  
 5     <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/>   
 6      </div>   <div>  
 7      <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/>   
 8     </div>   
 9  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>   
10  <script type="text/javascript" src="/index/@py-z_class/jquery.lazyload.min.js"></script>  
11    <script type="text/javascript" charset="utf-8">   
12        $(function() {  
13          $("img").lazyload();  
14      });  
15   </script>   

 

对性能提升非常有帮助

图片延迟插件 Jquery.lazyload.min.js,布布扣,bubuko.com

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

标签:style   blog   http   java   color   使用   

原文地址:http://www.cnblogs.com/qing-chen/p/3818336.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!