jCider

JavaScript

レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグインです。サクサク動作して操作感も非常によく、モバイルフレンドリーなカルーセルを実装したい方には最適です。

jCider

デモ

左右に設置された矢印と下部のナビゲーションからスライド切り替えさせることができます。

マークアップをはじめ、使い方がとてもシンプルなので実装しやすいのも嬉しいですね。

また、オプションも豊富に用意されており、looping、fading、easing、autoplay、slideDuration、controls、paginationなど、さまざまな設定が可能です。

カスタマイズして使いたい場合にもピッタリです。

jCider

Macで1本指タップでクリックMacで1本指タップでクリックさせる設定方法前のページ

素早く簡単に選択できるセレクトボックス「quick-select」次のページquick-select

関連記事

  1. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  3. JavaScript

    テキストに滑らかに動くアニメーションをつけることができるjQueryプラグイン「animateTex…

    テキストに滑らかに動くかっこいいアニメーションをつけることができるjQ…

  4. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

  5. jQueryを使わないコード集

    JavaScript

    jQueryを使わないでコードを書くTips集

    jQueryを使えば簡単にできることがたくさんあるんですが、ちょっとし…

  6. slideSpeed

    JavaScript

    スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

    slideSpeedは、特定の要素のスライドアップ・スライドダウンを設…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP