javascript - 如何检查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/