首页 > 代码库 > 图片延迟插件 Jquery.lazyload.min.js
图片延迟插件 Jquery.lazyload.min.js
当一个页面打开的图片太多,我们可以用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>
对性能提升非常有帮助
来源: <http://blog.csdn.net/yybjroam05/article/details/7712851>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。