Как создать флэш-кнопку в JavaScript

Question

Я хочу создать на веб-странице своего рода «флеш-кнопку». Это так же, как регулятор громкости операционной системы Windows. Когда мы нажимаем кнопку или панель и удерживаем ее, чтобы скатиться или свернуть, мы можем изменить громкость.

На самом деле, я хочу использовать его для управления скоростью переключения изображений на веб-странице. Например, изначально изображения будут переключаться с одного на другое со скоростью по умолчанию - изображение / 5 секунд. Существует своего рода ползунок, как я описал выше, я могу повернуть кнопку влево или вправо, чтобы контролировать скорость переключения. Как я могу это сделать? Кто-то сказал мне, что вспышка может работать, но я понятия не имею ...

Answer 1

Посмотрите на диапазон ввода HTML5 . Это дает вам слайдер, который сделан родным браузером.

Вы можете легко сделать что-то, как вы хотите с кодом, подобным этому:

<input type='range' id='speed' step='1' min='1' max='30'>

Атрибуты не требуют пояснений.

И в вашем скрипте вы можете получить значение следующим образом:

speedVar = document.getElementById('speed').value;

Демо

Answer 2

Вам лучше всего посмотреть на работу других людей в этой области.

т.е. http://www.clickonf5.org/smooth-slider/