Jquery图片延迟加载

2016-12-31  本文已影响33人  晓函

假如页面有大量图片,会影响用户的加载速度和流量消耗,那么我们就可以使用图片延迟加载技术,这里我们用了Jquery的lazyload库实现

<script src="jquery.min.js"></script>
<script src="jquery.lazyload.js"></script>
< img src="waiting.png"  class="lazy" data-original="goods1.png" />
< img src="waiting.png"  class="lazy" data-original="goods2.png" />
<script>
$(function(){
  $('img.lazy').lazyload({effect: "fadeIn"});
});
</script>
上一篇下一篇

猜你喜欢

热点阅读