jQuery RS Carousel

JavaScript

レスポンシブ対応のシンプルなカルーセルを実装できる「jQuery RS Carousel」

レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「jQuery RS Carousel」をご紹介します。実際のデモではブラウザ幅を変更することでカルーセルのアイテム数に合わせてナビゲーションの数も調整されます。とても便利ですね。

[ads_center]

縦や横にも配置できる

このようにブラウザ幅を縮小または拡大したりすると。

jQuery RS Carousel

カルーセルのサイズが可変します。下にあるナビゲーションの数も変化しますね。

カルーセルのサイズが可変

オプションを指定することで、縦方向にしたり最大で表示させるアイテム数なんかも指定することができます。

オプションで縦方向にもできる

その他にもスライド時のスピードやeasingも指定することができます。レスポンシブのカルーセルを実装したい時は覚えておきたいjQueryプラグインですね。

関連記事

  1. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  2. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  3. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

  4. TabTab.js

    JavaScript

    アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

    TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装する…

  5. jquery.square.js

    JavaScript

    スクエアなグリッドレイアウトを実装できる「jquery.square.js」

    jquery.square.jsは、スクエアなグリッドレイアウトを実装…

  6. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. タリーズ ハウスブレンド
  2. BAG-TW1BKシリーズ
  3. 落ち葉と雪

アーカイブ

PAGE TOP