アニメーション
画像を上から下にスライドして表示

$('div.photo').slideDown('show');   //フェードインslowで実行

※CSSプロパティで以下の様に設定

div.photo{display:none;}
これがjQueryによって以下の様に変化して表示されるようになる。noneで隠してblockで表示
div.photo{display:block;}


実行例
東京駅



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

画像のスライドではなく、枠が上から下へ広がっているだけ。あんまり動作がよくない。急にぱっと広がってしまう。