推特推動器傳送帶優化解決方案需要

Question

我有一個工作的引導傳送帶。而且我剛剛意識到，即使在用戶看到圖像之前，圖像也會提前加載。我的問題是我有一個循環輪播列表。使我的頁面加載緩慢。有沒有辦法只加載正在請求的圖片？通過jquery？

Answer 1

一旦slid事件發生，您可以嘗試設置'src'。

$(".carousel").bind("slid", function(){ 
$img = $(".active img", this) 
$img.attr("src", $img.data('lazy-load-src')) 
} 

隨着HTML

<div class="carousel-inner"> 
    <div class="active item"><img data-lazy-load-src="/imgs/test.png"/></div> 
    <div class="item"><img data-lazy-load-src="/imgs/test2.png"/></div> 
    <div class="item"><img data-lazy-load-src="/imgs/test3.png"/></div> 
</div> 

我相信你會希望在侵略性設置在CSS您的項目容器的高度/寬度，因爲瀏覽器將不加載圖像。