【jquery】画像がない場合に別画像を表示するメモ

サムネイルなどで指定の画像が存在しない場合に別の代替画像を表示する方法。

サムネイル画像はimgタグにclass=”image”が指定されているとします。

$(document).ready(function({
  $(".image").error(function({
    $(this).attr({
      src:'代替画像のパス',
      class:'代替するclass名'
    });
  });
});

$(document).ready(function({

$(".image").error(function({

$(this).attr({

src:'代替画像のパス',

class:'代替するclass名'

});

なお、これは古い書き方で、errorメソッドがjquery1.8以降非推奨、jquery3.0以降廃止となっているため3.0以降を利用している場合エラーになります。
jquery3.0以降は以下の書き方で。

$(document).ready(function({
  $(".image").on('error',function({
    $(this).attr({
      src:'代替画像のパス',
      class:'代替するclass名'
    });
  });
});

$(document).ready(function({

$(".image").on('error',function({

$(this).attr({

src:'代替画像のパス',

class:'代替するclass名'

});

【jquery】画像がない場合に別画像を表示するメモ