Cube-jQuery-Sliderは、3Dキューブなスライダーを実装することができるjQueryプラグインです。画像を立体的に配置し、立体的にスライドしていきます。キューブのように回転するイメージスライダーを取り入れたい人は要チェックです。
Cube-jQuery-Slider
以下、Cube-jQuery-Sliderの実際のデモページになります。
デモではキューブ型のスライダーが設置されていて、その下にあるナビゲーションから各画像にスライド切り替えすることができます。任意のナビゲーションのドットをクリックすると、その位置に応じた画像まで滑らかにスライドします。
クルクルと回転しながら目的の画像までスライドしていく様子は、まさにキューブですね。動作も美しく、とても効率的に画像を見ていくことができます。
また、Cube-jQuery-Sliderにはオプションもいくつか用意されているので、ちょっとしたカスタマイズも可能です。主なオプションは、width、height、axisRotateです。axisRotateには「rotateX」または「rotateY」の値を指定することができます。
クルッと滑らかに美しく回転する3Dキューブのスライダーを実装したいという人は、ぜひ「Cube-jQuery-Slider」を活用されてみてはいかがでしょうか？
というわけで、以上、3Dキューブなスライダーを実装できるjQueryプラグイン「Cube-jQuery-Slider」の紹介でした。Cube-jQuery-Sliderの詳細やダウンロードは、以下のページからどうぞ。
