檢查所有圖像使用jquery

Question

加載我知道這是一個相當流行的問題，但我從來沒有找到一個明確的解決方案。我有一個動態生成的頁面，可以加載大量圖像。有時候，由於我們自己沒有錯，所以會提到一個不存在的圖像。

$(document).ready(

不是最準確的指示，所有圖像都加載完畢：這是最好做到這一點，因爲我知道當什麼是掃描所有的圖像爲損壞的圖片鏈接的最佳方式，或者說。如果它有助於所有圖像共享一個類名.myImage。

謝謝。

更新。我試過，但不能讓它在Chrome瀏覽器：

$(window).load(function(){ 
    $('.myImage').error(function(){ 
     //do something 
    }); 
}); 

Answer 1

使用​​

$(window).load(function() { 

)} 

說明嘗試從the docs here

負載事件被髮送到一個元素時，並且所有的子元素都已經完全加載了 。此事件可以發送到與URL相關聯的任何元素 ：圖像，腳本，框架，iframe和窗口對象。

另一種是更新<img標籤（如果可能）

<img src="yourimage.gif" onload="loaded(this)" /> 

然後你可以使用loaded()功能來跟蹤加載圖像。 Details on the load event

Answer 2

找到了。似乎有竅門

imagesLoaded