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>