simpleSli.de: A Super-Simple jQuery Slideshow Plugin

シンプルだけどとってもクールなスライドショー実装jQueryプラグイン「simpleSli.de」。
画像は勿論、テキストベースのコンテンツなどもスライドとして枠内に複数のコンテンツを収納してしまえる便利なプラグインです。



カーソルが合うと、左右のページナビゲーションが現れ、クリックでページ移動が可能。
スライドの下部にプログレスバーが表示されており、大体どの辺かというのも分かるようになってます。



実装時のHTMLの次のように綺麗に定義できます。simpleSlide-slide の中に好きなHTMLで書けばOK

<div class="simpleSlide-window" rel="1">
<div class="simpleSlide-tray" rel="1">
<div class="simpleSlide-slide" rel="1" alt="1">
content for slide one
</div>
<div class="simpleSlide-slide" rel="1" alt="2">
content for slide two
</div>
<div class="simpleSlide-slide" rel="1" alt="3">
content for slide three
</div>
</div>
</div>

何らかの説明用に使ってもいいですし、サイトのヘッダー等に仕込んでもシンプルなのでいい感じにまとまりそうです。

関連エントリ

• コンテンツを滑らかにスライドさせるjQueryプラグイン
• 画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」
• CSSのLineHeightをマスターできるスライド