[JS]複数の商品写真を見せるのに適したコンテンツスライダー -FancyMoves

複数の商品写真を見せるのに適した、画像拡大にも対応したコンテンツスライダーのスクリプトを紹介します。。

FancyMoves a new jQuery Product Slider
デモページ

[ad#ad-2]

各画像は「more views」をクリックすると、拡大表示します。
※センター以外の画像も

画像を拡大表示したキャプチャ

FancyMovesの特徴

• 滑らかなアニメーションで画像がスライド表示。

• 画像はスライドすると拡大・縮小表示。
• スライダーの送りは、矢印・画像のクリック。
• キーボード（矢印）操作にも対応。
• 画像は拡大表示が可能（FancyBox使用）。

FancyMovesのオプション

スクリプトのオプションでは、下記の設定が可能です。

• パネルのサイズ
• パネルで使用する画像のサイズ
• 見出し・本文の文字サイズ
• 移動距離

また、FancyBoxを使用しているので、そちらのオプションも変更できます。
FancyMovesでは下記のオプションを調整しています。

• ズームイン・アウト時のスピード
• 不透明度
• オーバーレイのカラー