如何獲取一段html內容中圖片的加載事件？

Question

我有不同的html內容，每個都有一些圖像。如果HTML中有圖像，當我在Lightbox 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 
     } 
    } 
}