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. jQuery Social Share Bar
  3. Textillate.js

    JavaScript

    テキストに面白いCSS3アニメーションを加えることができるjQueryプラグイン「Textillat…

    指定したテキストに面白いCSS3アニメーションを加えることができるjQ…

  4. JavaScript

    レイアウトを超簡単に雑誌風に整列してくれるjQuery Masonryの使い方

    jQuery Masonryというプラグインを使えば、ものすごく簡単に…

  5. Animated Image Pieces

    JavaScript

    画像が細かいピースになるアニメーション実装「Animated Image Pieces」

    Animated Image Piecesは、画像が細かいピースに分解…

  6. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP