それが存在しないため、負荷のリソースが失敗したとき、私はこのような空の画像フレームを持っている:空のイメージフレームを削除するにはどうしたらいいですか?私のウェブサイト上で
これは、例えば、画像タグである:どのように
<img class="thumbnail" src="{{event.venue.icon}}" id="thumbnail">
これらの空のフレームを単に削除できますか?
それが存在しないため、負荷のリソースが失敗したとき、私はこのような空の画像フレームを持っている:空のイメージフレームを削除するにはどうしたらいいですか?私のウェブサイト上で
これは、例えば、画像タグである:どのように
<img class="thumbnail" src="{{event.venue.icon}}" id="thumbnail">
これらの空のフレームを単に削除できますか?
チェックアウトロードが失敗した場合に画像が非表示にそれをロードされONERRORイベント、:
<img src="someimage.jpg" onerror="this.style.display='none';" />
あなたが失敗するすべての画像のためのコンテナを削除することができ、画像のため、そのメソッド内からのエラー・イベントにバインド負荷。 、
$('.yourImageSelector').error(function() {
$(this).parent().remove();
});
私のポストを例文で更新しましたimg –
バインドerror
は次のようにimgタグのイベント、
$(document).ready(function(){
$('#myImg').on("error", function() {
$(this).remove(); // Execute with commenting this line and see the result
console.log(document.querySelector('img'));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="myImg" src="compman.gif" alt="Computerman" width="107" height="98">
コメント$(this).remove();
と実行します。ここでは一例ですが、あなたはより具体的な何かをしたい場合は、あなたのコードを投稿しますalt
属性で指定された代替テキストとして「Computerman」が表示され、結果としてコンソール内のimg
要素も取得されます。
これは何も変わらないようです。私は
画像をどのように表示しますか?
タグを使用していますか? –
endamaco
すべての画像に対してonload javascriptイベントハンドラを使用し、ステータスエラーが発生した場合は画像を非表示にします –
これは役立ちます:https://stackoverflow.com/questions/980855/inputting-a-default-image-in-case-the-src –