等待一個特定的圖像加載完全使用jQuery？

Question

我目前使用下面的代碼來加載圖像，但我想在圖像加載完成之前顯示某種加載gif。

$('#addimage').attr('src', src[i]); 
$('#addimage').show(); 

因爲我在動畫媒體框使用該塊中的圖像加載不通過圖像加載我想通過顯示加載GIF，以取代它的時候看起來還不錯。謝謝

Answer 1

使用load()事件：

$("#addimage").load(function() { 
    $(this).show(); 
}); 

編輯：顯示一個圖像，直到另一負載是一個小比較繞口，但完全有可能的。見Image Loading。

Answer 2

爲什麼不只是設置src屬性指向一個加載圖像（EG，動畫gif），並只顯示它的整個時間？

Answer 3

您可以將onload事件綁定到圖像。

Answer 4

一旦加載了圖像，就可以使用回調事件。例如：

$('#addimage').load(function() { $(this).show() }); 
$('#addimage').attr('src', src[i]); 

因此，您先設置裝載處理程序，然後應用您的src屬性。這是假設圖像默認隱藏（通過CSS等）。