Я ищу модный ползунок с использованием JQuery/Javascript. Настраиваемый слайдер JQuery довольно мягкий для этого требования. Ползунок будет использоваться для указания объема в приращениях 5. Таким образом, этот слайдер должен позволять пользователю спускаться с шагом 5.Управление ползунком для тома - JQuery/Javascript
Приятно иметь функцию, чтобы показывать метку над положением ползунка, указывающим какой объем пользователь выбрал.
Вот пример customization you're after, который использует jQuery UI Slider. Это все 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"));
Я нашел хороший регулятор громкости. Я думаю, это то, что вы ищете. Это классический треугольный контроллер с увеличением вертикальных баров. И он очень настраиваемый с индикатором положения. Загрузите zip-файл здесь: http://ruwix.com/javascript-volume-slider-control/
Независимо от того, что вы используете, обязательно возьмите логарифм для конечного множителя тома. –
@Mark - не могли бы вы подробнее рассказать об этом? Мне любопытно узнать, что вы имеете в виду. –
Что не так с ползунком jQuery UI точно? Вы говорите, что он «слишком мягкий», но он отвечает всем требованиям ... зная, что с ним не так, поможет. –