アニメーション
画像をフェードアウトした直後に別の画像を表示

$('div.photo').fadeOut(3000,function(){   //フェードアウト3秒で実行
  $(this).children('img')    
    .attr({src:'../../../../resources/photo1.jpg',alt:'画像はありません'})   
    .css('border','1px solid #000');   
$(this).show('fast');
} );




実行例
東京駅



変更前のhtml
<div class="photo"><img src="../../../../resources/kaminari-mon.png" alt="東京駅"></div>