防止加載圖像

Question

我正在尋找一種方法來防止圖像被加載。

我已經創建了2個按鈕，其中一個用於previous圖像，另一個按鈕用於next圖像。當用戶點擊按鈕next時，我只需更改圖片的src並顯示下一個網址。這個問題是當用戶點擊next按鈕時足夠快。 src將被多次更改，它仍將加載所有正在傳遞的src或圖像鏈接。這會導致服務器速度變慢。

我的目標是防止所有這些圖像被加載，並只顯示用戶停止的當前src。

Answer 1

您可以在「Next/Prev」鏈接的點擊事件中使用jQuery .stop()或.clearQueue()方法，這將停止一次加載所有圖像。

例： HTML代碼

<div id="hoverme-stop-2"> 
    <div class="box"></div> 
    <div class="box"></div> 
    <div class="box"></div> 
    <div class="box"></div> 
</div> 

JS代碼

$("#hoverme-stop-2").hover(function() { 
    $(this).find("div").stop(true, true).fadeOut(); 
}, function() { 
    $(this).find("div").stop(true, true).fadeIn(); 
}); 

您可以通過刪除/添加從代碼中的stop（）比較的行爲。

希望這會有所幫助！