パネルをフェードのエフェクトで表示するスライドショーの超軽量スクリプト -TinyFader
Post on:2010年10月1日
sponsors
jQueryなど他のスクリプトに依存せずに動作する、パネルをフェードのエフェクトで表示するスライドショーの超軽量（1.4KB）スクリプトを紹介します。
Fading JavaScript Slideshow – TinyFader
デモページ
[ad#ad-2]
スライドショーはリスト要素で実装されており、パネル内にはリスト要素内に配置できるものであれば、どんなコンテンツでもサポートします。
パネル「1」は、見出しとパラグラフとリンクのコンテンツ
スクリプトのオプションでは、オート表示の時間、スライドショー本体やページネーションのクラス名、アクティブ時のクラス名、ポジションなどを設定できます。
|
1 2 3 4 5 6 7 8 9 |
var slideshow=new TINY.slider.slide('slideshow',{ id:'slides', // ID of the parent slideshow unordered list auto:3, // Seconds to auto-advance, defaults to disabled resume:true, // Resume after interrupted, defaults to false navid:'pagination', // Optional ID of direct navigation UL activeclass:'current', // If navid, class to set on the current LI visible:true, // Initially display the first slide vs fading it in position:0 // Initial slide position, defaulting to the 0 index }); |
ライセンスはCC 3.0、とのことです。
sponsors
