昨日、『自動スケーリング機能付きjQuery画像スライダープラグイン「jQuery Image Scale Carousel」』として、
スライダー機能を紹介しましたが、
自動スケーリング機能は無いけれど、同様の動きをもっと軽いSCRIPTで実装できる
「simpleSli.de」も使いやすそうだったのでご紹介。
≫simpleSli.de: A Super-Simple jQuery Slideshow Plugin
<div>要素をスライドする構成なので、その要素内ならば画像でもテキストでもリンクでも自由に配置できます。
エリアにマウスオーバーで「NEXT」「BACK」のリンクが表示され、
クリックすると次の(前の)<div>要素がスライドして現れます。
SCRIPT自体がシンプルに出来ているので、
重さも感じること無く実装できます。
このプラグイン紹介ページ自体がナビゲーションが凝っていて、
動きがとても気持ちよい。
組み込みについての詳細はこちらのエントリーがとても参考になります。
≫スマートなスライド表示が出来るjQueryプラグイン「simpleSli.de」 « hislab
こういったスライダー動作は1ページ内の限られた範囲でも
ページの高さを長くすること無く、たくさんの情報を入れ込めることができるので
サイト構成を考える上で有効的に使えます。
残念ながらこのプラグインはIE6には対応していません。
サイト自体もIE6で見るとえらいことに。。。
IE6での閲覧が必要ではないサイトで是非。。。