jQuery:リンク切れ画像を代替え画像に差し替える

てっちゃん
てっちゃん

CMSやショッピングサイトを作っているとき、運営していくうちに画像のパスが間違って登録されてしまった!
うっかり使っている画像を削除してしまった...!

なんてことは起こりたくないのですが、そんな万が一の事態・・・画像のリンク切れが起こってしまった時の場合に備えて
jQueryを使ってリンク切れ画像を別画像に差し替える方法をご紹介します^^

コード

$(function () {
	$('img').error(function(){
		$(this).attr({src:'img/noimage/noimage.jpg',alt:'画像がありません'});
	});
});

デモページ

たったこれだけでリンク切れ画像をnoimage.jpgに差し替えてくれます!
※jQuery本体は必要です
※画像のパスは制作物にあわせて変更してください

とっても簡単にできるjQueryの小技を紹介してみました^^

関連記事