jR3DCarousel

JavaScript

レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQueryプラグインです。立体的に切り替わっていくアニメーションがおもしろいですね。モダンなエフェクトとさまざまオプションが用意されているところもうれしいです。

jR3DCarousel

jR3DCarousel

カルーセルは無限スクロールになっています。レスポンシブ対応なのでPCはもちろん、スマホやタブレットでも動作します。

オプションでは縦横サイズをはじめ、アニメーション、自動再生、スライドショー、ナビゲーションなどさまざまな項目をセッティングできます。

アニメーションはscrollのほか、slide、fade、zoomInSlide、zoomInScrollが設定可能です。

実装方法もシンプルなのがいいですね。オプションを使ってカルーセルをカスタマイズしたい方にも最適です。

というわけで、レスポンシブに対応した3Dカルーセル「jR3DCarousel」のご紹介でした。

関連記事

  1. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  2. jQuery.GI.TheWall.js
  3. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  4. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  5. jquery countDownTimer
  6. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

最近の記事

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

Instagram始めました

Facebookページ

PAGE TOP