no-image

JavaScript

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

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

jCarousel

デモ

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

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

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

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

jCarousel

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

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

最近の記事

  1. クリスマスブレンド エスプレッソロースト
  2. CIO Mate Magnet Stand
  3. 抹茶クリームドーナツ
  4. FAST
PAGE TOP