Cube-jQuery-Slider

JavaScript

3Dキューブなスライダーを実装できる「Cube-jQuery-Slider」

Cube-jQuery-Sliderは、3Dキューブなスライダーを実装することができるjQueryプラグインです。画像を立体的に配置し、立体的にスライドしていきます。キューブのように回転するイメージスライダーを取り入れたい人は要チェックです。

Cube-jQuery-Slider

デモ

デモではキューブ型のスライダーが設置されていて、その下にあるナビゲーションから各画像にスライド切り替えすることができます。任意のナビゲーションのドットをクリックすると、その位置に応じた画像まで滑らかにスライドします。

クルクルと回転しながら目的の画像までスライドしていく様子は、まさにキューブですね。動作も美しく、とても効率的に画像を見ていくことができます。

また、Cube-jQuery-Sliderにはオプションもいくつか用意されているので、ちょっとしたカスタマイズも可能です。主なオプションは、width、height、axisRotateです。axisRotateには「rotateX」または「rotateY」の値を指定することができます。

クルッと滑らかに美しく回転する3Dキューブのスライダーを実装したいという人は、ぜひ「Cube-jQuery-Slider」を活用されてみてはいかがでしょうか?

Cube-jQuery-Slider

関連記事

  1. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  2. Hamburger Icon Menu
  3. Liquid Slider

    JavaScript

    タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

    ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにも…

  4. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  5. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP