Blog

jQuery 3D画像スライドエフェクト

2012.11.21Cat:css3 jQuery 役員

良さそうな3Dの画像切替jQueryがあったので使ってみた。

demo

http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/

 

html

 

オプション

オプション 機能 デフォルト
orientation 回転方向 (v)ertical, (h)orizontal or (r)andom v
perspective 透視度 数値 1200
colorHiddenSides 非可視スライドの色 16進数色 #222
sequentialFactor 回転する間隔 ms 150
speed スピード ms 600
easing イージング 文字列 ease
autoplay 自動再生 boolean false
interval 自動再生オンの時の間隔 ms 3000
fallbackFadeSpeed フェードするスピード 数値 300
onBeforeChange 回転前コールバック function
onAfterChange 回転後コールバック function

Author Profile

hoshino

ECのことを中心に書きたいと思います。
ネタが無いときはプログラムやデザインのことも書きます。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ