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

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

デモのキャプチャ

Animated JavaScript Slideshow - 5KB
demo

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

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

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

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

sponsors

top of page

©2024 coliss