關於特定圖片加載的jquery

Question

我知道$(window).load會在頁面上的所有圖片加載完成時觸發。我正在尋找一些與特定圖像加載到頁面時相似的東西。任何幫助將不勝感激。

Answer 1

見http://api.jquery.com/load-event/

例如

<img src="book.png" alt="Book" id="book" /> 


$('#book').load(function() { 
    // Handler for .load() called. 
}); 

更新：

如果圖像已經被指定了負載處理程序時加載，加載處理程序將不會被觸發。因此，最好在設置負載處理程序後指定圖像源。

<img id="book" /> 

... 

$('#book').load(function() { 
    alert('loaded') ; 
}); 
$('#book').attr('src','book.png') ; 

Answer 2

您也可以將加載事件綁定到圖像。

$('#myimage').load(function() { 
    console.debug('My image has loaded...'); 
});