jRCarousel

JavaScript

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

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

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

jRCarousel

デモ

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

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

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

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

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

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

jRCarousel

関連記事

  1. Playful Little Tooltip Ideas
  2. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  3. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  4. Erge Drop Down Menu Control
  5. jQuery Elastic Grid
  6. Lightense Images

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP