Перейти к публикации
Celsoft

Javascript Регулятор громкости

Рекомендованные сообщения

Celsoft

Привет. Есть макет с необычным для меня регулятором громкости. Изображение прикрепил.

5 точек, т.е. 1-20%; 2-40% и т.д.

Сайт работает полностью на ajax. Сохранять в куки значение не обязательно. Но желательно что бы в функцию можно было передавать начальное значение. Например 4 точки (80% громкости). Ну и при изменении громкости можно набросать обычный alert. Я потом сам впихну туда, что нужно.

 

Сойдет любой html кусок с картинками для примера.

 

Есть идеи?

post-4040-0-63218700-1390213662.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
proFox

Я один не понял, что пытается донести ТС?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Celsoft

Я сам не знаю как правильно объяснить. Есть регуляторы которые идут единой полоской, с ними проблем нет. А вот как такой реализовать в код я не могу понять.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Celsoft

Мб так попробовать ?

60ZfnPr.png

 

http://jqueryui.com/slider/

Спасибо. Пока оставлю как вариант, если ничего другого не найду. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
jakal

А если список использовать, ul li стандартная картинка для li

post-4070-0-61628800-1390220004.png

и активная картинка (при нажатии)

post-4070-0-23686200-1390220039.png

Далее уже дело за скриптом (если клик произошел по li больше 1 (где 1 - это id присвоеный li), то всем li что имеют id меньше, включая 2 будет присвоен статус "активный").

 

Как то так)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Celsoft

А если список использовать, ul li стандартная картинка для li

attachicon.gif321.png

и активная картинка (при нажатии)

attachicon.gif231.png

Далее уже дело за скриптом (если клик произошел по li больше 1 (где 1 - это id присвоеный li), то всем li что имеют id меньше, включая 2 будет присвоен статус "активный").

 

Как то так)

Спасибо, но в этом варианте много гемороя на js. Я и так в нем не силен.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Можно jQuery UI слайдер переделать. Задать всего 5 позиций (чтобы не было такого, что точка наполовину заполнена).

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Celsoft

Цитата

Можно jQuery UI слайдер переделать. Задать всего 5 позиций (чтобы не было такого, что точка наполовину заполнена).

То что нужно. Спасибо.

Может кому пригодится. Пример: http://jsfiddle.net/bouillard/Uy5sD/

Тему закрываю.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...