記述方法
imgタグで画像が表示できなかった場合に別な画像を表示する。
<img src="表示したい画像URL" onerror="this.src='エラー時に表示したい画像URL'" />
onerorに設定した画像が存在しないとき無限ループになってしまう対応
上記の記述だとonerrorに指定した画像が存在しなかった場合にonerror内のスクリプトが無限ループしてしまいます。
これを回避するため「this.onerror=null;」でイベントを削除すると一度だけ実行を行います。
<img src="表示したい画像URL" onerror="this.onerror=null;this.src='エラー時に表示したい画像URL'" >
<img src="./img/sample.jpg" onerror="this.src='./img/noimg.jpg'" />
<img src="./img/sample.jpg" onerror="this.onerror=null;this.src='./img/noimg.jpg'" >