This script makes it easy to create a sliding carousel component like the one seen at www.curbly.com.

ブラウザ上で動作するプレゼン資料を簡単に作れる「Slider.js」。
一つのボックス内でスライドするスライダーコンポーネントが簡単に作れます。

少ないスペースで多くの情報を格納できるので、使いどころによってはかなり便利。



実装方法も簡単で、<DIV> 内に一括して全てのスライドの内容をHTMLに定義します。
後は、次のJavaScriptでコンポーネントを初期化するのみです。

 <script type="text/javascript" charset="utf-8">
  var my_slider = new Slider('my-slider', {duration:0.5});
 </script>

ソースコードはGoogleCodeのSubversionリポジトリから取得することが出来ます。
こちらからダウンロード可能。