javascript - 配列内のすべての画像が読み込まれたことを確認する方法

Question

一連の画像を含む配列があり、続行する前に、すべての画像が読み込まれたかどうかを確認し、すべてが読み込まれたら true を返す必要があります。これまでのところ、私は持っています:

var image = new Array();
var c=0;
jQuery('.banner-images img').not('.sizer').each(function() {
    image[c] = new Image();
    image[c].src=jQuery(this).attr('src');
    c++;
});
var fc = image.length;
for(i=0;i<fc;i++) {
    // ???
}

そこからどこに連れて行けばいいのかわからない。助言がありますか？

Answer 1

onload ハンドラーを新しいイメージにフックして、関数を呼び出してカウンターをインクリメントします。カウンターが配列と同じサイズになったら完了です。