jCider

JavaScript

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

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

jCider

デモ

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

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

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

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

jCider

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

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

関連記事

  1. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

  2. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

  3. hop

    JavaScript

    Webページ上の好きな場所をハイライトできる「hop」

    hopはオーバーレイされたWebページ上の好きな場所をハイライトするこ…

  4. jquery.square.js

    JavaScript

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

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

  5. jumboShare

    JavaScript

    SNSシェアボタンとジャンボサイズのカウンターを設置できる「jumboShare」

    jumboShareはSNSのシェアボタンとジャンボサイズのカウンター…

  6. jQuery_Overlay_Menu

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP