2010-03-05 6 views
7

JQuery/Javascript kullanarak süslü bir Slider denetimi arıyorum. Yerel JQuery kaydırıcı, bu gereksinim için oldukça yumuşaktır. Kaydırıcı, 5'lik artışlarla hacmi belirtmek için kullanılacaktır. Bu nedenle, bu sürgü, kullanıcının yalnızca 5'lik artışlarla kaymasına izin vermelidir.Birim için kaydırma kontrolü - JQuery/Javascript

Kaydırma konumu göstergesinin üzerinde etiket gösterebilmenin en güzel özelliği Kullanıcının seçtiği hacim.

+0

Kullandığınız her ne olursa olsun, son hacim çarpanının logaritmasını aldığınızdan emin olun. –

+0

@Mark - bunun hakkında daha fazla ayrıntıya gidebilir misiniz? Ne demek istediğini merak ediyorum. –

+0

jQuery UI kaydırıcısında tam olarak sorun nedir? Bunun “çok mülayim” olduğunu söylüyorsunuz ama her ihtiyacını karşılıyor ... bunun neyin yanlış olduğunu bilmek yardımcı olacaktır. –

cevap

9

jQuery UI Slider'u kullanan customization you're after örneğidir. Arka planda tüm CSS'ler var, cehennemden çıkarıp özelleştirebilirsiniz. Ben güzel bir ses kaydırma çubuğunu buldum

$("#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

: Eğer böyle miktarını artışlarını yapmak ve güncelleyebilirsiniz çırpıda ayarlanması

. Bence aradığın şey bu. Artan dikey çubuklarla klasik üçgen şekilli kontrolör. Ve pozisyon göstergesi ile çok özelleştirilebilir. Zip dosyasını buradan indirebilirsiniz: http://ruwix.com/javascript-volume-slider-control/