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. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  2. Responsive Multi Menu
  3. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  4. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

  5. notifier

    JavaScript

    Webサイトにシンプルな通知を表示させるjQueryプラグイン「notifier」

    notifierはWebサイトにシンプルな通知を表示させることができる…

  6. SuperEmbed.js

    JavaScript

    さまざまな埋め込み動画をレスポンシブで表示できる「SuperEmbed.js」

    SuperEmbed.jsは、さまざまな埋め込み型の動画をレスポンシブ…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP