menu
more_vert

jQuery lazyload 图片懒加载实现

作者:dayu

<img src="lun2.jpg" ><br>
<img data-original="lun1.jpg" class="lazy" ><br>
  <noscript><img src="lun1.jpg" ></noscript>
<img data-original="lun4.jpg" class="lazy" ><br>
  <noscript><img src="lun4.jpg" ></noscript>
<img data-original="lun5.jpg" class="lazy" ><br>
  <noscript><img src="lun5.jpg" ></noscript>
<img data-original="lun4.jpg" class="lazy" ><br>
  <noscript><img src="lun4.jpg" ></noscript>
<img data-original="lun2.jpg" class="lazy" ><br>
  <noscript><img src="lun2.jpg" ></noscript>
<img data-original="lun1.jpg" class="lazy" >
  <noscript><img src="lun1.jpg" ></noscript>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src=‘jqueryLazyload.js‘></script>
<script type="text/javascript">
$(function() {
  $("img.lazy").show().lazyload({
    effect:‘fadeIn‘
  });
});

</script>






jQuery lazyload 图片懒加载实现

原文地址:http://www.cnblogs.com/webwangjie/p/7193636.html