jR3DCarousel

JavaScript

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

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

jR3DCarousel

jR3DCarousel

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

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

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

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

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

Presentation Slideshowシンプルなプレゼンテーションテンプレート「Presentation Slideshow」前のページ

Photoshopの白黒(描画色と背景色)を切り替えるショートカットキー次のページ描画色と背景色を切り替える

関連記事

  1. no-image

    JavaScript

    シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

    parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクト…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  3. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

  4. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

  5. jQuery Section Navi Plugin
  6. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP