jQuery RS Carousel

JavaScript

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

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

[ads_center]

縦や横にも配置できる

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

jQuery RS Carousel

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

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

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

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

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

目覚まし時計朝起きるのに便利!Macで指定した時間にアラームを鳴らしてくれるアプリ「目覚まし時計」前のページ

iPhoneでストップウォッチを使うにはデフォルトアプリ「時計」が便利次のページ

関連記事

  1. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  2. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  3. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  4. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  5. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

コメント

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

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

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP