jRCarousel

JavaScript

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

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

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

jRCarousel

デモ

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

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

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

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

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

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

jRCarousel

Clipyスニペットも登録できるMacの人気クリップボードアプリ「Clipy」前のページ

MacのUSキーボードでcontrol + spaceの日本語入力と英字入力の切り替えをcommand + spaceに変更する設定方法次のページ日本語入力と英字入力の切り替え

関連記事

  1. jExcel

    JavaScript

    Excelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」

    jExcelは、ブラウザにExcelと互換性のあるスプレッドシートを埋…

  2. CSS3 Menu Slider
  3. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  4. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  5. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  6. JavaScript

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Shadow Plugin

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Sh…

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP