[JS]省スペースに複数のパネルをスライド表示するチュートリアル

jQueryで実装する、省スペースに複数のパネルをスライド表示するシンプルなスクリプトのチュートリアルをdevirtuosoから紹介します。

jQuery Slideshow Explained
demo

デモでは、右下の数字をクリックすると対応したパネルをスライド表示させます。また、自動プレイにも対応しています。

パネルはdiv要素で、画像やリンクやテキストなどを自由に配置することができます。

スクリプトはjQueryを使用しているため、実装にはjquery.jsが必要です。