javascript - 画像の読み込みが終了した場合にイベントを発生させる

Question

重複の可能性：
画像が完全に読み込まれた後のjavascript実行関数

プログラムでhtmlを変更するためにJQueryを使用しています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
}