Как грамотно стилизовать jquery ui slider?

Question

[Ярослав IKARUS]

Наш уважаемый дизайнер нарисовал вот такое вот произведение искусства.


Все бы ничего, я уже догадался как это можно более менее нормально сверстать, однако все равно имеется вот такой вот неприятный баг


Ну то есть чтобы такого не происходило это надо как то поставить лимит на значение left. понятно, то что можно поставить костылище на js которое каким нибудь хитрым раком поставит лимит, но такое решение кажется мне малость неправильным.

Вопрос: существует ли какой то не-костыльный метод стилизации ui-slider?

Answer 1

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

Переходите на Ion.RangeSlider. Он поддерживает скины.

Answer 2

[Виталий Киренков]

Не костыльный способ подразумевает, что вы сами не будете писать ахинею и покрывать потом костылями.

Вырезаете отдельно фон и не залитый путь одной картинкой.

Внуть кладете див, на который вешаете инициализацию, на нем задатите пару маргинов и отпозиционируете куда надо.

Сам handle будет привязан к этому диву, просто пропишите ему размеры и зададите отрицательный маргин влево, чтобы отцентрировать

Comments

[Ярослав IKARUS]

ок, а я как по вашему сделал?

[Виталий Киренков]

Я не вижу ни единой строчечки ваших стилей...

И ответ на ваш комментарий - не знаю, но явно не так, как я описал =) Потому что я это делал не раз и оно всегда работает))

[Ярослав IKARUS]

Виталий Киренков: вот стили. joxi.ru/bmoWGxvhaOqkmy но я уже сам разобрался как это сделать

[Виталий Киренков]

Действительно, после такого ответа, почему бы и не сделать самому...

[Ярослав IKARUS]

Виталий Киренков: на момент написания этого поста там почти все было сделано кроме того что сам поинтер был отпозиционирован чуть по другому