Jquery图片延迟加载

最新推荐文章于 2019-08-10 07:13:14 发布

YourBrotherBao

最新推荐文章于 2019-08-10 07:13:14 发布

阅读量551

点赞数

分类专栏： HTML5

HTML5 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

当一个页面打开的图片太多，我们可以用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>