【jQuery】複数の画像の読み込み完了感知方法

質問

やりたいこと。

すでに表示しているHTML画面上にさらにHTMLタグ（画像を含む）を表示したい。
そのタグにて表示されるべきものがすべて表示されたら、新たに別の関数を実行したい。

■画像がひとつの場合はこんな感じ？
$("#hoge").click(
function(){
var jqObj = $("<div />");
var imgObj = $("<img />");
imgObj.attr({ "src":"./g.bmp"});
imgObj.load(function(){
jqObj.prepend(imgObj);
$("body").prepend(jqObj);
　　　　 //このへんに描画は終わった状態での処理

});
}
);

■画像が複数ある場合はどう書けばよいでしょうか？
以下のような書き方であってるのでしょうか？

$("#hoge").click(
function(){
var jqObj = $("<div />");
var imgObj = $("<img />");
　　　 var imgObj2 = $("<img />");
imgObj.attr({ "src":"./g.bmp"});
imgObj2.attr({ "src":"./f.bmp"});
imgObj.load(function(){
imgObj2.load(function(){
jqObj.prepend(imgObj);
jqObj.prepend(imgObj2);
$("body").prepend(jqObj);
　　　　 //このへんに描画は終わった状態での処理

});
});
}
);

PS
そもそもどの時点でブラウザは画像をWEBサーバに要求するのでしょうか？
imgObj.attr({ "src":"./g.bmp"});　の時点でgetの要求出すのでしょうか？

回答No.2

fujillin · ベストアンサー

A No1です。

ここに似た内容の記事がありますので、順序を変えて試してみてください。
http://keyframe.co.jp/blog/archives/418

回答No.1

fujillin

基本的な考え方として、

var img = new Image();
img.onload = function(){ alert("Loaded!!"); };
img.src = "xxxxxxxxxx";

補足

順序間違いということですかね？