Geek Answers Handbook

Volume slider control - jQuery / javascript

I am looking for a fantasy control using jQuery / Javascript. The custom jQuery slider is pretty bland for this requirement. The slider will be used to indicate the volume in increments of 5. Thus, this slider should allow the user to slide in increments of 5.

It's nice to have a function to show a label above the position of the slider indicating which volume the user has selected.

+7
javascript jquery jquery-plugins
source share
2 answers

The following is an example setup that uses jQuery UI Slider . All CSS in the background, you can customize the hell out of it.

The snap setting you can do increases and updates this value:

$("#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"));
+9
source share

I found a good slider. I think this is what you are looking for. This is a classic triangular controller with increasing vertical bars. And it is very customizable with a position indicator. Download the zip file here: http://ruwix.com/javascript-volume-slider-control/

+2
source share

More articles:


All Articles