jRCarouselはモダンエフェクトなカルーセルを実装できるjQueryプラグインです。レスポンシブに対応しているのでPC、タブレット、スマートフォンとさまざまなデバイスで最適なレイアウトに表示されます。
便利なオプションも備わっているので、カスタマイズしたい方にも最適です。また、マークアップがシンプルなのもうれしいポイントのひとつですね。
jRCarousel
以下のページからjRCarouselのデモを確認できます。
画像にマウスオーバーすると両サイドに前後移動できる左右の矢印が表示されます。また、カルーセルの右下にはドットのナビゲーションもついているので、ここから好きな位置へ移動することも可能です。
オプションでは幅や高さの指定やアニメーションスピード、アニメーションインターバルの指定をすることができます。
また、オートプレイ（自動スタート）のオン・オフもオプションから設定可能です。
アニメーションはslide、scroll、fade、zoomInSlide、zoomInScrollから選択できます。そのほか、ナビゲーションにはcirclesかsquaresを指定できます。
これ以外にもいろいろオプション項目が用意されているので、気になる方は是非チェックしてみてください。
というわけで、ファイル容量も小さいレスポンシブに対応したアニメーションつきカルーセルを実装できる「jRCarousel」のご紹介でした。
jRCarouselのダウンロードや具体的な使い方の詳細は以下からどうぞ。
