4

重複の可能性：
srcソース画像が見つからないときに「画像が見つかりません」アイコンを静かに非表示にする方法

見つからない画像のデフォルトのアイコンを無効にする方法はありますか? src が 404 を返す場合、Chrome は小さなアイコンを表示します。Firefox には何も表示されず、Chrome でも同じことが必要です。そのための解決策はありますか？

4

2 に答える 2

7 
<img onerror='this.style.display = "none"'>

また

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

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()Web 上の多くのサイトでは、代わりにデフォルトの「画像なし」画像を使用srcし、指定された画像の場所が利用できない場合に属性をその画像にポイントします。

于 2012-09-06T16:18:53.780 に答える
0

htaccessを使用した小さな解決策があります。画像が見つからない場合は、1x1の透明なpngにリダイレクトする必要があります。唯一の欠点は、画像の幅と高さを明示的に定義した場合でも、画像が本来の位置に配置されることです。しかし、何も表示されません。

于 2012-09-06T16:19:56.267 に答える