テスト環境などで、デザイン検討中やペンディング中で画像が入っていない場合でも、ブラウザで見ると、画像のリンク切れ表示が出てしまいます。自分だけが見るのであれば構わないのですが、クライアントも見ることができる状態のときは、かっこ悪いと感じてしまうことがあります。そんなとき、jQueryのerror()を使って、臨時の代替え画像に差し替えておけば、少しましかもしれません。画像左列は、スクリプト適用前、右列が適用後です。

jQueryソース

$(document).ready(function() {

　$('#test-box1 img').error(function(){

　　$(this).attr({src:'images/pendding5.png',alt:'この画像は現在検討中です',width:'150',height:'30'});

　　$(this).css({border:'1px solid red'});

　});

});