【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】画像ファイルが存在しない場合に別画像を表示するメモ