[解決済み] ソース画像が見つからない場合、"Image not found" アイコンを表示しないようにする方法

質問

古典的な "画像が見つかりません" アイコンを非表示にする方法をご存知ですか？

JavaScript/jQuery/CSSを使用した作業方法はありますか？

どのように解決するのですか？

を使用することができます。 onerror イベントを使用すると、画像の読み込みに失敗したときに動作します。

var img = document.getElementById("myImg");
img.onerror = function () { 
    this.style.display = "none";
}

jQueryで（質問されたので）。

$("#myImg").error(function () { 
    $(this).hide(); 
});

あるいは、すべての画像に対して

$("img").error(function () { 
    $(this).hide();
    // or $(this).css({visibility:"hidden"}); 
});

を使用する必要があります。 visibility: hidden の代わりに .hide() の代わりに、画像を隠すとレイアウトが変わってしまう場合は ウェブ上の多くのサイトでは、デフォルトの "画像なし" 画像を代わりに使用しています。 src 属性で指定された画像が利用できない場合、その画像を指定します。