Cloud 9 Carousel

JavaScript

サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装することができるjQuery・Zeptoプラグインです。回転式になっていて、好きなアイテムをクリックするとフロントまで回転してきます。

Cloud 9 Carousel

デモ

アイテムをクリックするか、左右の矢印ボタンをクリックすると回転していきます。また、矢印キーでも切り替えることができます。

マークアップもシンプルだし、オプションを用いることで自動再生やスピードなどを設定することが可能です。

Cloud 9 Carousel

How To Create A Simple Image Slideshowチルトエフェクトがオシャレなスライドショー「How To Create A Simple Image Slideshow」前のページ

画面内でそのまま編集できるWYSIWYGエディタ「ContentTools」次のページContentTools

関連記事

  1. Random Text Shuffle

    JavaScript

    シャッフルしながらテキストが表示される「Random Text Shuffle」

    Random Text Shuffleは文字をシャッフルしながらテキス…

  2. JavaScript

    jQuery illuminateを使えばボタンに光を加え点滅させたりして注目させることができる

    ちょっと面白そうだったので使ってみました。jQuery illumin…

  3. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  4. no-image

    JavaScript

    手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」

    simpleParallaxは、手軽にパララックス効果を画像に実装する…

  5. Zoomer

    JavaScript

    画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

    ZoomerというjQueryプラグインを使えば画像をズームさせる機能…

  6. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP