假如頁(yè)面有大量圖片,會(huì)影響用戶的加載速度和流量消耗悔据,那么我們就可以使用圖片延遲加載技術(shù)庄敛,這里我們用了Jquery的lazyload庫(kù)實(shí)現(xiàn)
<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>