web-dev-qa-db-ja.com

簡単なJavaScriptスライダーはありますか？

WMPオブジェクトのカスタムボリュームスライダーを作成する必要があります。現在のスライダーを変更して使用するのは複雑です。JavaScriptページに値を渡すことができるスライダーをHTMLページに生成する簡単な方法はありますか？

javascriptslidercontrolswmp
43
UnkwnTech

jQuery UI Slider （ APIドキュメント ）

29
John Millikin

ちょっと重いJquery UIが十分にあったので、自分のJSスライダーを作成しました。人々の考えを聞いてみたい。 5時間使用したので、本当に早い段階でした。

jsfiddle_slider

34
Luc

HTML 5 with Webforms 2 は<input type="range">これにより、ブラウザはネイティブスライダーを生成します。残念ながら、すべてのブラウザはこれをサポートしていませんが、 google はjsですべてのWebforms 2コントロールを実装しています。 IIRC the jsは、ブラウザがコントロールを実装しているかどうかを知るのに十分インテリジェントで、ネイティブ実装がない場合にのみトリガーします。

私の観点からは、可能な場合はブラウザーのネイティブコントロールを使用することをお勧めします。

19
olle

シンプルなスライダー：これを純粋なHTML5と、とても簡単ですでテストしました！

<input type="range">

Chromeの魅力のように機能します。他のブラウザはまだテストしていません。

17
Stephane Rolland

ここに別のライトがあります JavaScript Slider それはあなたのニーズに合っているようです。

5
treznik

Yahoo UIライブラリ には スライダーコントロール ...もあります.

4
Alex Gyoshev

script.aculo.usには スライダーコントロール があり、チェックアウトする価値があります。

3
pkaeding

Filament GroupのSliderをお勧めします。ユーザーエクスペリエンスが非常に優れています

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

2
Farm

素敵なjavascriptスライダーがあり、実装が非常に簡単です。 Zipパッケージはこちらからダウンロードできます。 http://ruwix.com/javascript-volume-slider-control/


p.s。ここに、上記のスクリプトの簡易バージョン：

enter image description here

DEMO link

2
Denes Ferenc

軽量のMooToolsフレームワークには次の1つがあります。 http://demos.mootools.net/Slider

2
Ates Goral

使いやすいシンプルなスライダーオブジェクトを次に示します。

pagecolumn_webparts_sliders

1
unigg

Carpe Sliderには新しいバージョンもあります：
v1.5 carpe_ambiprospect_slider v2.0b ... slider/drafts/v2.0 /

1
Tom