2010-03-05 49 views
7

我正在尋找一個使用JQuery/Javascript的幻燈片控件。原生的JQuery滑塊對於這個需求是相當平淡的。滑塊將用於以5爲增量指定音量。所以,此滑塊應該只允許用戶以5爲增量滑動。音量滑塊控件 - JQuery/Javascript

有一個很好的功能是能夠在滑塊位置上方顯示標籤用戶選擇了多大的音量。

+0

無論您使用什麼,請務必以最終卷乘數爲對數。 – 2010-03-05 23:52:15

+0

@Mark - 你可以詳細介紹一下嗎?我很想知道你的意思。 – 2010-03-05 23:58:48

+0

準確地說jQuery UI滑塊有什麼問題?你提到它太「平淡無奇」,但它滿足了每個要求......知道它有什麼問題會有所幫助。 – 2010-03-06 00:16:43

回答

9

下面是使用jQuery UI Slidercustomization you're after的示例。這是所有CSS在後臺,你可以自定義它。

設置,你可以做增量和更新量這樣的卡:

$("#mySlider").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     step: 5, 
     slide: function(event, ui) { 
      $("#amount").val(ui.value); 
     } 
}); 
$("#amount").val($("#mySlider").slider("value")); 
2

我找到了一個不錯的音量滑塊。我認爲這是你要找的。這是經典的三角形控制器,增加了豎條。並且可以通過位置指示器進行定製。在此處下載zip文件:http://ruwix.com/javascript-volume-slider-control/