Какой плагин range-слайдера подойдет?

Question

[GreenMan1899]

Надо подобрать такой range-слайдер, чтобы положение мин и макс значений прописывались внутри плашек ползунка, сами плашки не выходили за его границы, и не накладывались друг на друга при сближении.

До этого был обычный jquery ui слайдер поверх которого через псевдоэлементы накладывались такие плашки, и в них копировались значения. Но т.к. все равно положение определялось маленькими квадратами, а необходимо чтобы эти плашки не выходили за границы ползунка и при сближении не накладывались друг на друга, то идея с псевдоэлементами потерпела крах.

Comments

[Александр Лысенко]

А отвечает ли эта задача логике? Вы ведь искусственно ограничиваете диапазон цен в таком случае.

Answer 1

[Денис Инешин]

Ion.RangeSlider
Позицию блоков с цифрами легко настроить через CSS, так чтобы они были поверх полоски.

Пример: jsfiddle.net/IonDen/tLzou080

Еще пример, тут блоки не выходят за границу ползунка: jsfiddle.net/IonDen/c8n8oynd

Answer 2

[Александр Лысенко]

У jQRangeSlider есть необходимый вам функционал, но плашки там реализованы в виде флагов. Как вариант воздействовать непосредственно на их css классы, или ковырять скрипт и присваивать свои стили.