jQuery RS Carousel

JavaScript

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

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

[ads_center]

縦や横にも配置できる

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

jQuery RS Carousel

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

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

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

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

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

関連記事

  1. Accessible Mega Menu
  2. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  3. jQuery Sequency js

    JavaScript

    スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

    jQuery Sequency jsはスクロールでビフォー・アフター画…

  4. no-image

    JavaScript

    クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

    Cookie Banner JSは、Webサイト上に表示させるクッキー…

  5. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

  6. jquery countDownTimer

コメント

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

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

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP