やったこと

webサービスを作るときに考えたことを垂れ流します

【jquery】画像が表示エラーとなったときに代わりの画像を表示する!

「img要素」で画像を表示しようとしたら、画像がすでになくなってきて「×」マークが表示されてしまう、こんなことってありますよね。

こういうときに、自前で用意した「NOT FOUND!」みたいな画像とすり替えて表示できたら、とっても便利です。

jqueryで以下のようなコードを書けば、「hogege_img」クラスのimgが表示エラーとなったとき(errorイベントが発生したとき)、「notfound.jpg」の画像に差し替えることができます。

//画像が表示エラーとなったときに差し替える
$(".hogege_img").error(function(){
  $(this).attr("src", "http://hogege.com/img/notfound.jpg");
});

ぜひお試しあれ。