当一个页面打开的图片太多,我们可以用jquery的一个延迟加载插件.名为:jquery.lazyload.min.js
使用非常简单,如下:
- <div style="height:700px;">
- <img src="img/grey.gif" data-original="http://www.cdsy.date/uploadImg/bberfq.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
- </div>
- <div>
- <img src="img/grey.gif" data-original="http://www.cdsy.date/uploadImg/cvbcvb.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
- </div> <div>
- <img src="img/grey.gif" data-original="http://www.cdsy.date/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>
对性能提升非常有帮助