モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

jRCarousel

jRCarouselはモダンエフェクトなカルーセルを実装できるjQueryプラグインです。レスポンシブに対応しているのでPC、タブレット、スマートフォンとさまざまなデバイスで最適なレイアウトに表示されます。

便利なオプションも備わっているので、カスタマイズしたい方にも最適です。また、マークアップがシンプルなのもうれしいポイントのひとつですね。

jRCarousel

デモ

画像にマウスオーバーすると両サイドに前後移動できる左右の矢印が表示されます。また、カルーセルの右下にはドットのナビゲーションもついているので、ここから好きな位置へ移動することも可能です。

オプションでは幅や高さの指定やアニメーションスピード、アニメーションインターバルの指定をすることができます。

また、オートプレイ(自動スタート)のオン・オフもオプションから設定可能です。

アニメーションはslide、scroll、fade、zoomInSlide、zoomInScrollから選択できます。そのほか、ナビゲーションにはcirclesかsquaresを指定できます。

これ以外にもいろいろオプション項目が用意されているので、気になる方は是非チェックしてみてください。

というわけで、ファイル容量も小さいレスポンシブに対応したアニメーションつきカルーセルを実装できる「jRCarousel」のご紹介でした。

jRCarousel

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives