テスト環境などで、デザイン検討中やペンディング中で画像が入っていない場合でも、ブラウザで見ると、画像のリンク切れ表示が出てしまいます。自分だけが見るのであれば構わないのですが、クライアントも見ることができる状態のときは、かっこ悪いと感じてしまうことがあります。そんなとき、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'});
 });
});














戻るボタン