指定された画像が存在しないときに別の画像に置換する

Ads

Result

jQuery

$(document).ready(function() {
    //画像にclassを付加
    $('img').addClass('miss');
    //画像が見つからないときにエラーイベント発生
    $('img.miss').error(function() {
        //置換処理
        $(this).attr({
            src: 'http://example.com/no-images.jpg',
            alt: 'none image',
            style:'border: 1px solid #eee;width:150px;height:150px;margin:25px;'
        });
    });
});

html

<img src="nothing.jpg" />

via

Use Custom Missing Image Graphics Using jQuery