no-image

JavaScript

水平・垂直に対応したカルーセルスライドショー「jCarousel」

jCarouselは水平・垂直に対応したカルーセルスライドショーを実装できるjQueryプラグインです。スライドショーのナビゲーションがカルーセルのようになっているのが特徴です。セッティング次第でレスポンシブやAjaxによる読み込みなどにも対応できるので、カスタマイズ性にも優れています。

jCarousel

デモ

デモにはベーシックなものからレスポンシブに対応したもの、Ajaxを使用したもの、垂直タイプのカルーセルなどいくつかの種類が用意されています。

Basic carouselでは前後に切り替えできる左右矢印ボタンが設置されたスライダーが表示されています。スライダーの左下には数字が書かれたナビゲーションボタンが設置されていて、ここから特定のコンテンツへピンポイントで移動できます。アニメーションは横にスライドされます。

逆にVertical carouselでは縦にスライドアニメーションします。

水平・垂直に対応したスライドアニメーションができるほか、レスポンシブにも対応させたりAjaxでコンテンツを読み込ませたりと、カスタマイズ次第でいろいろなタイプのスライドショーを作れるので、気になる方はぜひチェックしてみてください。

jCarousel

no-imageシンプルでパワフルなセレクトボックスを実装できる「SelectPage」前のページ

シンプルなバナースライドショーを実装できる「jsslider」次のページno-image

関連記事

  1. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  2. JavaScript

    Google マップを簡単でシンプルに使えるようにしてくれる「gmaps.js」

    Google マップをとても簡単に扱えるようにしてくれるgmaps.j…

  3. no-image
  4. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  5. Letter Effects and Interaction Ideas

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP