HTMLで画像がリンク切れの時（存在しない時）に画像を表示しないようにする

画像のリンクが存在しない場合に画像を表示しないようにするには、imgのHTMLタグに、
「 onerror=”this.style.display=’none’;” 」を追加するだけでシンプルで簡単に表示されないようにできます。

HTML + CSSで、画像のリンクが無効な場合、スタイルで非表示にするという方法で対応しています



<img src="image.jpg" onerror="this.style.display='none';">

補足
onerror 属性で、画像が読み込めないときに display: none を適用します。