画像のリンク切れに備える!たった1行のjQuery

posts_photo
今回は、大規模サイトや画像の引用が多いサイトで使えそうなコードを教えていただいたのでメモしておこうと思います。

たった1行で画像のリンク切れを回避

$('img').error(function(){$(this).attr('src',‘bandage.png’);});

jQueryを読み込んで以下の記述をするだけ!
ドキュメント内のimgタグを全て参照していって、エラー(リンク切れ)があった場合には、srcに任意の画像を入れるというコードになっています。
確かにこれならリンク切れを起こしていても、自動で応急処置してくれますねー。

ちなみにトップ画像はこの間遊びにいった多摩動物公園のゴールデンターキン。見事なカメラ目線いただきました。