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

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

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

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

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

ぜひお試しあれ。