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. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  2. notifit

    JavaScript

    多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

    notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装でき…

  3. no-image

    JavaScript

    シンプルなモバイルメニューを実装できる「offcanvas-mobile-menu」

    offcanvas-mobile-menuは、シンプルでモバイルフレン…

  4. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  5. suitabs

    JavaScript

    横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

    suitabsはスライドショー&タブを実装することができるjQuery…

  6. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP