如何检查img src是否已加载

Question

这种情况：

<img id = 'img1' src ="a.jpg" />


$('#img1').attr('src','b.jpg');

动态更改图像资源，然后重新加载资源，问题是，如何通过id / img路径等检查重装是否完成......？感谢

Answer 1

点按load event：

$("img").load(function () {
    alert('loaded!');
});
$("img").attr("src", "b.jpg");

示例： http://jsfiddle.net/6zAN7/4/