关于特定图像加载的Jquery

Question

我知道当页面上的所有图片都已加载时$(window).load会触发。我希望在将特定图像加载到页面时有类似的东西。任何帮助将不胜感激。

Answer 1

请参阅http://api.jquery.com/load-event/

E.g。

<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

您也可以将load事件绑定到图像。

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