jCider

JavaScript

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

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

jCider

デモ

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

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

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

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

jCider

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

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

関連記事

  1. Bootstrap Carousel Touch Slider with Text Animation
  2. Images grid

    JavaScript

    画像のグリッドレイアウトを製作できるjQueryプラグイン「Images grid」

    Images gridは画像のグリッドレイアウトを製作するためのシンプ…

  3. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  4. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  5. Dependent Dropdown

    JavaScript

    ネストされたセレクトボックスを実装できる「Dependent Dropdown」

    Dependent Dropdownはネストされたセレクトボックスを実…

  6. Jquery progress indicator on page scroll

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP