画像のグループが div 内に読み込まれたタイミングを検出しようとしています。
if($("#venues-page").get(0)) {
var img = $('#venues-page .venues img');
var length = img.length;
img.load(function(){
length--;
console.log(length);
if(length === 0){
console.log("here");
$(".lattice").fadeIn(1000);
$("#venues .venue a").css("display", "block");
$("#venues-page .venues img").not('.lattice').fadeIn(500);
}
});
}
これは、画像がブラウザーにキャッシュされている場合は正常に機能するようですが、ユーザーがサイトにアクセスしていない場合、画像は更新後に更新せずにすべて読み込まれることはないようです。
すべての画像が div 内に読み込まれていることを確認し、それに基づいて何かを行う方がよいでしょうか?