今回は、大規模サイトや画像の引用が多いサイトで使えそうなコードを教えていただいたのでメモしておこうと思います。
たった1行で画像のリンク切れを回避
1 | $( 'img' ).error( function (){$( this ).attr( 'src' ,‘bandage.png’);}); |
jQueryを読み込んで以下の記述をするだけ!
ドキュメント内のimgタグを全て参照していって、エラー(リンク切れ)があった場合には、srcに任意の画像を入れるというコードになっています。
確かにこれならリンク切れを起こしていても、自動で応急処置してくれますねー。
ちなみにトップ画像はこの間遊びにいった多摩動物公園のゴールデンターキン。見事なカメラ目線いただきました。