【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 回答日時： 2013/06/01 01:45

A No1です。

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

No.1 回答者： fujillin 回答日時： 2013/05/31 22:19

基本的な考え方として、

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

この回答への補足

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

補足日時：2013/06/01 00:05