javascript - HTMLコンテンツ内の画像のロードイベントを取得するには?

Question

私は異なるhtmlコンテンツを持っており、それぞれにいくつかの画像があります。html に画像がある場合、ライトボックス div に html コンテンツを表示すると読み込まれます。

私の問題は、div 内のすべての画像が html コンテンツ用に読み込まれたときに何らかのアクションを実行したいということです。Javascript/JQueryでそれを行うにはどうすればよいですか?

Answer 1

ロードされた画像の数を数えて、それらがすべてロードされたら、レイアウト コードを実行できます。このようなもの：

var $div = $(...); // this should select the div containing the images in question
var $images = $div.find('img');
var count = 0;
$images.each(function() {
    $(this).load(function() {
         if (++count == $images.size()) {
             // your layout code goes here
         }
    }
}