Как реализовать нестандартный ползунок?

Question

[yura_89]

Здравствуйте!
Подскажите пожалуйста, как реализовать нестандартный полузнок при условии, что в используемой CMS нельзя создать поле с типом type="range", как того требует ползунок.
На картинке показано, что конкретно нужно реализовать.


По хорошему, использовать какую-то систему "балов", с интервалами -10, -5, 0, 5, 10.
Может какой-то специальный плагин используется для внедрения этого? Буду благодарен вам за помощь!

Answer 1

[Ilya Loginov]

Можно использовать стандартный input, например text. А затем при помощи jQuery заменять тип и добавлять нужные параметры. Вот пример, а тут можно подробнее почитать как менять стиль input range.

Comments

[yura_89]

огромное спасибо!

Answer 2

[alex-1917]

Не буду свой сайт рекламить, как тут выше народ пытается)) Ради одного захода)))
Вот адекватный плагин есть, 6 лет уже его юзаю!!! - ionden.com/a/plugins/ion.rangeSlider/en.html

Comments

[yura_89]

интересный плагин, не знал о нем. спасибо!

Answer 3

[FalseCode]

Попробуйте это