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

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

デモのキャプチャ

FancyMoves a new jQuery Product Slider
デモページ

[ad#ad-2]

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

デモのキャプチャ

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

FancyMovesの特徴

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

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

FancyMovesのオプション

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

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

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

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

sponsors

top of page

©2018 coliss