jqueryを使用してすべての画像を確認しています

Question

これは非常によくある質問ですが、私は決定的な解決策を見出すことはありませんでした。私はいくつかの画像を読み込む動的に生成されたページを持っています。時折、私たち自身の間違いがないため、存在しないイメージへの参照があります。どのような壊れた画像リンクのためのすべての画像をスキャンするための最良の方法だ、というか私は理解しているので、これを行うには、それが最善であるとき：

$(document).ready(

は、すべてのイメージのロードが完了していることを最も正確に示すものではありません。すべての画像がクラス名.myImageを共有するのに役立ちます。

ありがとうございました。

更新。私はこれを試してみましたが、それはChromeで動作させることはできません。

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

Answer 1

​​

$(window).load(function() { 

)} 

説明を使用してみてください

the docs hereからloadイベントが要素に送信されたときに、それをすべてのサブ要素には が完全にロードされています。このイベントは、画像、スクリプト、フレーム、iframe、および ウィンドウオブジェクトのURLに関連付けられた任意の要素 に送信できます。

代替は（その可能であれば）

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

次にあなたがロードされたイメージを追跡するためにloaded()機能を使用することができます<imgタグを更新することです。 Details on the load event

Answer 2

これが見つかりました。トリックに

imagesLoaded