关于特定图片加载的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...'); 
});