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

no-image

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

jCarousel

デモ

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

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

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

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

jCarousel

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives