2013-01-12 98 views
2

這種情況:如何檢查IMG SRC是否加載

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


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

動態更改圖像資源,該資源將被然後重裝,問題是,如何檢查重裝是否完成由ID/img路徑等... ??由於

回答

2

進軍load event

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

例子:http://jsfiddle.net/6zAN7/4/

+0

謝謝,但如何改變它,就好像statment?因爲我可能有一個以上的案件。例如。只有在#img2和#img3完成加載時才執行某些操作 – user782104

+0

@ user782104:您想等待多個圖像加載?您可以簡單地使用一個計數器,並在每次加載事件觸發時檢查它是否等於2。 –