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

Clock Timepicker Plugin for jQueryアナログ時計感覚で使えるタイムピッカー「Clock Timepicker Plugin for jQuery」前のページ

スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」次のページno-image

関連記事

  1. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  2. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  3. universal-tilt.js

    JavaScript

    パララックスなど多彩なチルト効果を実装できる「universal-tilt.js」

    universal-tilt.jsはパララックスやスケールなど多彩なチ…

  4. jquery.matchHeight.js
  5. Freewall

    JavaScript

    レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」

    FreewallというjQueryプラグインを使えばレスポンシブに対応…

  6. lightgallery.js

最近の記事

  1. パーソナルパーティション
  2. 200-DGBG020
  3. Anker PowerPort 5-in-1 37.5W Hub

アーカイブ

PAGE TOP