jquery-base-slider

JavaScript

多彩なオプションが用意されたメジャータイプのスライダー「jquery-base-slider」

jquery-base-sliderは、多彩なオプションが用意されたカスタマイズ性に優れたメジャータイプのスライダーを実装することができるjQueryプラグインです。メジャー上の数値にカーソルを指定することが可能です。

jquery-base-slider

デモ

デモページにはさまざまなタイプのサンプルが設置されています。カーソルを固定してベースとなるメジャーを動かすタイプのものや、ノーマルタイプ、そしてダブルのカーソルで指定するものなど、応用次第でいろんなパターンのスライダーを実装することができます。

シンプルなので操作性もよく、メジャータイプになっているので、細かい数値を指定するシーンなんかには最適な仕様といえるのではないでしょうか?

また、jquery-base-sliderには数多くのオプションが用意されているのが特徴です。type、slider、read_only、disable、fixed_handle、clicable、mousewheel、width、value_distances、min、max、from、to、from_fixed、from_min、from_max、to_fixed、to_min、to_max、pin_value、pin_colorなど、他にもさまざまなオプションによるセッティングが可能です。

自分好みにカスタマイズしたスライダーを作りたいという人にはピッタリですね。ライセンスはMITとのこと。

というわけで、多彩なオプションでカスタマイズ性の高いスライダーを実装したい人は、ぜひ「jquery-base-slider」をチェックしてみてはいかがでしょうか?

jquery-base-slider

関連記事

  1. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  2. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  3. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  4. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  5. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  6. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP