簡単なJavaScriptスライダーはありますか？ [閉まっている]

https://stackoverflow.com/questions/173046

05-07-2019
|

質問

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

解決

jQuery UIスライダー（ APIドキュメント）

他のヒント

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

jsfiddle_slider

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

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

簡単なスライダー：これを pure HTML5 でテストしましたが、とても簡単です！

<input type="range">

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

こちらは、ニーズに合った JavaScriptスライダーです。

Yahoo UIライブラリには、スライダーコントロール ...

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

MooToolsの軽量フレームワークには、 http://demos.mootools.net/Slider

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

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

素敵なjavascriptスライダーがあり、とても簡単に実装できます。 zipパッケージは次の場所からダウンロードできます。 http://ruwix.com/javascript-volume-slider -control /

追伸ここで、上記のスクリプトの簡略版：

ここに画像の説明を入力

デモリンク

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

これは、使いやすいシンプルなスライダーオブジェクトです

pagecolumn_webparts_sliders

以下のコードで開始できます。 Opera、IE、Chromeでテスト済み。

<script>
var l=0;
function f(i){
im = 'i' + l;
d=document.all[im];
d.height=99;
document.all.f1.t1.value=i;
im = 'i' + i;
d=document.all[im];
d.height=1;
l=i;
}
</script>
<center>
<form id='f1'>
<input type=text value=0 id='t1'>
</form>
<script>
for (i=0;i<=50;i++)
 {
 s = "<img src='j.jpg' height=99 width=9 onMouseOver='f(" + i + ")' id='i" + i + "'>";
 document.write(s);
 }
</script>

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow