javascript - 如果图像完成加载，则触发事件

Question

可能重复：
完整图像加载后的 javascript 执行函数

我使用 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 文档load中描述的事件

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