img要素で読み込みに失敗した時に非表示にする。もしくは代替画像を表示する。

リンク切れなどでimg要素が表示できない場合の対応です。onerrorイベントハンドラを使用します。


非表示にする。

<img src="original.png" alt="title" onerror="this.style.display='none'"/>


代替画像を表示にする。

<img src="original.png" alt="title" onerror="this.src='/Images/alternate.png'"/>