Ultra versatile slider for websites

色々使えそうな、かっこよくアニメーションするスライダー実装JSライブラリ。
ウィジェット風に設置できそうなJSライブラリが紹介されています。


デモページ

次のように、divで大きく囲って中身にリストを定義して、リスト内をスライドさせるという、他の多くのライブラリで同じように実装されているようになっていて使いやすい。

<div id="slider-stage">
<ul id="myList">
<li >Box 1</li>
<li >Box 2</li>
<li >Box 3</li>
<li >Box 4</li>
<li >Box 5</li>
<li >Box 6</li>
</ul>
</div>

次へ、前へリンクも<a>タグにidをふるだけみたいです。

<div id="slider-buttons">
<a href="#" id="previous">Previous</a> | <a href="#" id="next">Next</a&gt;
</div>

サイドバーなんかに設置するといいのかも。

関連エントリ

• コンテンツを滑らかにスライドさせるjQueryプラグイン
• 気持ちよいスライド機能を提供する「noobSlide」
• メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル
• タブ式のスライドウィジェットを簡単作成できるjS「jFlow」