如果图像加载完毕，则会触发火灾

Question

  

可能重复：
  javascript executing function after full image load

我使用JQuery以编程方式更改html img：

$('#myimage').attr('src', 'url-of-image');

这可能需要一些时间，具体取决于url-of-image。

如果成功加载新图像，我们如何添加会触发的事件？

Answer 1

$('#myimage').attr('src', 'url-of-image').load(function() {
   // after load
});

修改：工作示例http://jsfiddle.net/yaSWM/

编辑2：这适用于所有主流浏览器。

Answer 2

$('#myimage').attr('src', 'url-of-image').on('load', function(){
    //image loaded
});

Answer 3

您可以按jQuery documentation

中所述使用load事件

$('#myimage').load(function() {
  //do whatever
}