jqueryで読み込みが終わった画像から処理する

質問

現在、下記のコードで画像を読み込んで処理をしているのですが、
画像の読み込みを待たずに、画像のリサイズ処理が実行されて画像が表示されない
現象に陥りました。

読み込みが終わった画像から処理する方法を
ご教授ください。

よろしくお願いいたします。

$.each(json.img,function(){
$('<img/>').attr('src',this).appendTo(images);
});
preview.append(images);
//この後にリサイズ処理

回答No.3

dscripty · ベストアンサー

[No.2]さんの回答にちょっと補足

IE は、たしかキャッシュされた画像への onload は、発火しなかったはずなので、 jQuery でそのあたりが対処されているか確認した方がいいかも？

jQuery で対処されてなかったら、
IE 画像 キャッシュ onload
あたりのキーワードで検索をかければ対処方法のかかれたページが見つかるよ。

回答No.2

神崎 渉瑠（@taloo）

jQueryは詳しくないですが、

>読み込みが終わった画像から処理する方法を

読み込みが終わった画像から「順番に」処理するのであれば
.load()というのがありませんでしたっけ？

$('<img/>').attr('src',this).appendTo(images).load( function(arg){/*処理*/} );

回答No.1

dscripty

| $.each(json.img,function(){
| $('<img/>').attr('src',this).appendTo(images);
| });
| preview.append(images);

が、遅くても DOM ready より前に実行されていれば

window onload のときには画像は読み込んでるはずだよ？