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. no-image

    JavaScript

    シンプルなイメージカルーセルを実装できる「Boishakh carousel」

    Boishakh carouselはシンプルなイメージカルーセルを実装…

  2. lightGallery
  3. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  4. JavaScript

    シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使っ…

    とてもシンプルで使いやすそうなレスポンシブのjQueryスライダー「R…

  5. JQuery Clock

    JavaScript

    シンプルなアナログ時計を実装できる「JQuery Clock」

    JQuery Clockはシンプルなアナログ時計を実装できます。画像を…

  6. Thumbelina

    JavaScript

    サムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」

    Thumbelinaは、サムネイル画像に最適なコンテンツスライダーを実…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP