[JS]画像をフェードで切り替えるスライドショーのスクリプト -blackbox

Flashのように美しいフェードで画像を次々に表示するスライドショーのスクリプトをlab111から紹介します。

デモのキャプチャ

blackbox
demo

それぞれの画像は、下記のようにリスト要素で実装されています。

HTML

スクリプトの設置は簡単で、スクリプトを外部ファイルとして指定し、表示時間やサイズを指定します。

オプションでは他にも、背景色、持続時間、最初に表示する画像などが指定できます。
またスライドのスタートとストップボタンも任意で設置が可能です。

スクリプトのライセンスはMIT Licenseです。
実装にはMooToolsのプラグインのためmootools.jsが必要です。

sponsors

top of page

©2018 coliss