Blog

商品詳細で使えそうな3D jQueryプラグイン

商品詳細で使えそうな3DのjQueryプラグインを試してみた。

デモ

 

設置方法は以下

js

 

HTML

 

cssは

font-awesome.min.css

を固定で読み込み、ナビゲーションなどは自分で調整すればOK。

ナビゲーションはjsの引数

・rightSelector → 右送りのオブジェクト

・leftSelector → 左送りのオブジェクト

・pauseSelector → 停止のオブジェクト

と指定する。

あとは

・containerSelector → コンテナ(画像の上のオブジェクト)

・spinnerSelector → 実際に画像が入るオブジェクト

・images → 画像のパスを指定

spinnerSelectorで指定した要素はpositionがabsoluteになるのでレイアウトに注意が必要。

 

わりと派手だが、画像を複数効果的に見せたいときなどはいいかもしれない。

Author Profile

hoshino
hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ