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

jQuery Context Menu軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」前のページ

さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」次のページno-image

関連記事

  1. no-image
  2. Stacked Strips

    JavaScript

    スタックしながらスクロールできるエフェクト実装「Stacked Strips」

    Stacked StripsはWebページをスクロールする時に、スタッ…

  3. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  4. Radial SVG Slider

    JavaScript

    放射状に切り替わるスライダーを実装できる「Radial SVG Slider」

    Radial SVG Sliderは、放射状に広がりながら切り替わるス…

  5. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  6. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP