jR3DCarousel

JavaScript

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

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

jR3DCarousel

jR3DCarousel

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

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

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

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

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

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

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

関連記事

  1. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  2. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  3. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  4. imgViewer2

    JavaScript

    画像のズームとパン機能を備えたjQueryプラグイン「imgViewer2」

    imgViewer2は画像のズームとパン機能を備えたjQueryプラグ…

  5. HTML5 Sortable

    JavaScript

    リストをドラッグ&ドロップで並べ替えることができるjQueryプラグイン「HTML5 So…

    リスト化した要素をドラッグ&ドロップで並べ替えることができるjQuer…

  6. JavaScript

    レスポンシブやスワイプ対応で完成度の高いスライダーのjQueryプラグイン「Slider Pro」

    Slider Proはレスポンシブやタッチ・スワイプに対応したスライダ…

最近の記事

  1. パニーニ(フォカッチャ ベーコンときのこのゴルゴンゾーラクリーム)とエスプレッソ
  2. 広尾 スタバ
  3. 芳醇な香りのラムレーズンサンド
  4. Aモーニングセット
  5. 白トリュフの塩パンやメロンパンなど

アーカイブ

PAGE TOP