on:2012年8月7日sponsorsシンプルなインターフェイスに、スライド時にさまざまなエフェクトが用意されたコンテンツスライダーを実装するjQueryのプラグインを紹介します。下記キャプチャのエフェクトは3Dで、くるっぐい~ん、って感じです。sliderAdaptorのデモAdaptorの使い方Adaptorのデモコンテンツスライダーの対応ブラウザは、IE6を含むすべてのモダンブラウザです。Safariのみで、他のブラウザで表示した際はフェードのエフェクトになります。デモページデモではスライド時のエフェクトが7種類、用意されています。実装は3ステップです。外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述します。HTML各パネルはfigure要素で実装し、div要素で内包します。JavaScriptjQueryのセレクタでラッパーを指定し、スクリプトを実行します。);スクリプトのオプションオプションではスライド時のさまざまな設定ができます。'scrollVert3d')エフェクトの種類オプションを使用すると、下記のようになります。