有没有办法在更改图像的 src 后绑定到图像的 load() 事件？

我有一个图像<img id='my_img' src='img1.png'>和一个按钮。 单击该按钮将执行以下操作：

$('#my_img').attr('src','img2.png')

第二个图像（img2.png）相当大，我想知道它何时完全加载（即 .load() 事件）。 我尝试使用 .live、.bind 和 .complete，但似乎都没有触发。

有任何想法吗？

谢谢！ 阿米特

我认为每个 img 标签只触发一次 load 事件。但是您可以轻松地创建一个新图像，并使用新的加载处理程序加载它。

var img = new Image();
img.onload = function() {
  $('#my_img').attr('src', img.src);
};
img.src = 'img2.png';

加载后，您可以在页面上设置图像的 src，它将立即从浏览器缓存中提取。