画像ファイルの有無を確認して表示

画像ファイルが指定するフォルダ内にあるか確認したい。その際結果で、画像があればそのまま、無ければ代替画像を表示するという仕組みを構築。

$(’img').each( function( index, element ) {
  var img_src = $(element).attr('src'); // 現在のsrcを保存
  var noimg_src = "noimg.png";
  var image = new Image();
  image.src = img_src;

  // あれば従来の画像パスを設定
  image.onload = function() { 
    $(element).attr('src', img_src);
  }
  // なければ別の画像パスを設定
  image.onerror = function() { 
    $(element).attr('src', noimg_src);
  }
});