壊れている画像を自動で置き換える方法

質問内容

たくさんの画像を含むWebページでたまに画像が表示できない場合があるため、ブラウザ上壊れた画像が表示されてしまいます。
jQueryを使用して一連の壊れた画像を取得し、フィルタリングしてからsrcパスを置き換えるにはどうすればよいですか?

ベストアンサー

JavaScriptで「onError」関数を使用してイベントを処理し、画像のソースを再割り当てします。

Javascript

function imgError(image) {
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}

html

<img src="image.png" onerror="imgError(this);"/>

javascriptを使用しない方法は以下

<img src="image.png" onError="this.onerror=null;this.src='/images/noimage.gif';" />

下記の互換性表に、エラー機能をサポートするブラウザーが記載されています。

http://www.quirksmode.org/dom/events/error.html

原文

https://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images

リンク集: スーパーコピー時計 代金引換,