jCider

JavaScript

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

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

jCider

デモ

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

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

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

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

jCider

関連記事

  1. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

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

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  3. JavaScript

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

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

  4. Playful Little Tooltip Ideas
  5. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

最近の記事

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

アーカイブ

PAGE TOP