リンク切れ画像に代替画像を表示させる

なぜかうまくできない。がメモは残しておく

代替画像を表示

$(function() {
  $('img').error(function() {
    $(this).attr('src', '/img/notfound.gif');
  });
});

Chrome 対応版?

$(function() {
  $('img').error(function(){
    setTimeout(function() {
        $(this).attr('src', 'error.png');
    }, 0);
  });
});

タグを非表示

$(document).ready(function() {
    $('img').error(function() {
		//ファイルが存在しない画像はimgタグ自体を削除
        $(this).remove();
    });
});

最終更新: 2017-10-15 (日) 22:57:03