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

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

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

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


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

No.3 ベストアンサー 回答者： dscripty 回答日時： 2012/03/11 14:54

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

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

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

No.2 回答者： taloo 回答日時： 2012/03/10 03:44

jQueryは詳しくないですが、

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

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

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

No.1 回答者： dscripty 回答日時： 2012/03/09 18:32

| $.each(json.img,function(){

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

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

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