こらない

このこらないとか、その他もろもろのページ等を管理してる独自システム（の新しいバージョン）に、スライドショーを表示できる機能を追加してみた。
うまく表示されるか、テスト。
IE6以上、Firefox、Safari等に対応。

サイズ違い、縦横比違いなどなどの画像を混合して、最近撮影した写真から適当に。

以下、メモ。

• class="slideshow"のdivの中に、表示させたい画像を1 paragraphに1枚で。
• スクリプトが動作しない環境用に、1枚目だけ表示して、2枚目以降はdisplay:none;に。
• スクリプトが読み込まれたら、全ての画像を先読み＆キャッシュして、画像サイズ等を把握。
• 1枚目の画像サイズを、スライドショー用のサイズとする。
• 元のdivの中に、新たにdivを作成して（IE対応）、小さい画像の際は、縦横センタリング配置。
• 大きい画像の場合は、1枚目の画像サイズ枠に入るように縮小。
• 1枚毎の表示時間はデフォルトで8秒。
• 表示時間を変更する場合は、元divのtitle属性に「5sec」等と指定。
• 同じく、title属性にshuffleと指定すると、ランダム順に表示。
• フェードイン/フェードアウト効果には、script.aculo.us（＋prototype.js）を使用。
• IE6の古いバージョンだと、フェード効果はかからず。