检查所有图像使用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