Ползунок управления громкостью - JQuery / Javascript

Question

Я ищу модный элемент управления Slider с использованием JQuery / Javascript. Родной слайдер JQuery довольно мягкий для этого требования. Слайдер будет использоваться для указания громкости с шагом 5. Поэтому этот слайдер должен позволять пользователю скользить только с шагом 5.

Приятно иметь возможность показывать над ползунком метку, показывающую, какой объем выбран пользователем.

Answer 1

Вот пример настройки , за которой вы следуете , которая использует jQuery UI Slider .Это все CSS в фоновом режиме, вы можете настроить его.

Установив оснастку, вы можете делать приращения и обновлять сумму следующим образом:

Answer 2

Я нашел хороший слайдер громкости. Я думаю, это то, что вы ищете. Это классический треугольный контроллер с увеличивающимися вертикальными полосами. И это очень настраиваемо с индикатором положения. Загрузите почтовый файл здесь: http://ruwix.com/javascript-volume-slider-control/