2014年1月18日土曜日

jqueryでリンク切れの画像を消す

画像リンクを貼っていて何かのタイミングで元の画像が消されると見た目が残念なことになる。


jqueryでimgタグのsrcを1x1の透過gifに変更するものを準備しておく
function imageOnError(img) {
    $(img).attr('src', 'http://cadillac.psychobil.ly/b');
    return true;
}

imgタグにはエラーの時の挙動を予め仕込んでおく。
<img onerror="return imageOnError(this);" src="xxx" />

これで仮にリンク先の画像が消されても残念な画像が出ずに済みます。

0 件のコメント:

コメントを投稿