Question

52

Slider control for volume - JQuery/Javascript

rated 0 times [ 53] [ 1] / answers: 1 / hits: 20210 / 15 Years ago, fri, march 5, 2010, 12:00:00

I am looking for a fancy Slider control using JQuery/Javascript. The native JQuery slider is rather bland for this requirement. The slider will be used to specify the volume in the increments of 5. So, this slider should only let user slide in increments of 5.

One nice to have feature is to be able to show label above the slider position indicating what volume the user has selected.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mckenna

Add To Favorites

Follow

Total Points: 445

Total Questions: 109

Total Answers: 109

Location: Virgin Islands (U.S.)

Member since Sun, May 16, 2021

3 Years ago

mckenna questions

1 Laravel Livewire: Component in Foreach loop. Button Click shows on all items instead of Single item

Mon, Sep 6, 21, 00:00, 3 Years ago

1 Jest mock aws-sdk ReferenceError: Cannot access before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 Nest js POST Request Not Recognizing DTO method

Fri, Mar 20, 20, 00:00, 4 Years ago

1 How to use prop inside another prop as default value in vuejs

Thu, Mar 28, 19, 00:00, 5 Years ago

1 Javascript: Bind/unbind function behavior

Tue, Nov 27, 18, 00:00, 6 Years ago

View All

answered 15 Years ago angelicajayleneh · Accepted Answer

Here's an example of the customization you're after that uses the jQuery UI Slider. It's all CSS in the background, you can customize the hell out of it.

Setting the snap you can do increments and update the amount like this:

$(#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));