[JS]アニメーションで快適に動作する画像ギャラリーの超軽量スクリプト

Post on:2008年12月22日

sponsors

画像の切り替えはフェード、サムネイルはスライドするアニメーションで動作する画像ギャラリーの超軽量（5KB）のスクリプトをLeigeberから紹介します。
※jQueryなどの他のスクリプトには依存していません。

デモでは画像の切り替えがフェードで行われ、タイトルとキャプションがスライドして自動で表示されます。
サムネイルは左右にスムーズにスライドします。

各タイトルとキャプションと画像のセットはリスト要素で、それぞれh3, p, imgで実装されており、スクリプトオフ時にはリストの状態で表示されます。

スクリプトのオプションでは、スピード、不透明度、カラー、オート・手動、ダイアログの有無などが調整できます。

動作環境は、Fx, IE, Op, Safari, Chromeとなっており、IE6でも動作しました。