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

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

デモのキャプチャ

blackbox
demo

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

HTML

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

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

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

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

[JS]画像をフェードで切り替えるスライドショーのスクリプト -blackbox | コリス « とっても! ちゅどん(雑記帳)

on 2010年1月19日

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

top of page

©2011 coliss