Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Добавить функционал для range slider (https://javascript.ru/forum/jquery/69531-dobavit-funkcional-dlya-range-slider.html)

IGI66 01.07.2017 00:47

Добавить функционал для range slider
 
Вложений: 2
Помогите пожалуйста. Использую этот слайдер http://ionden.com/a/plugins/ion.rangeSlider/en.html

Появилась необходимость добавить еще один блок после ползунка, что бы был прижат к правому краю и ширина считалась в обратном порядке от левого. Получилось создать этот блок, прижать вправо, а вот ширину считает не правильно. Прикреплю скрины для наглядности. Буду благодарен любой помощи)

рони 01.07.2017 01:25

IGI66,
ещё бы понять, что вы хотите сделать и где код?

IGI66 01.07.2017 12:43

Вложений: 3
Перед ползунком создается блок (Оранжевый), для которого считается ширина, чем правее ползунок, тем больше ширина(Скрин 1). Мне нужно создать еще один блок(Черный), противоположный первому. Чем правее ползунок тем меньше его ширина. В общем 2 блока, слева и справа от ползунка, ширина которых должна считаться в зависимости от положения ползунка. Черный блок я создал и отпозиционировал (Скрин 2), а вот ширина считается не правильно. Прикрепил архив с файлами, там все наглядно видно. Спасибо

laimas 01.07.2017 13:26

IGI66,
а разве просто через параметры и стили слайдера задать нельзя?

рони 01.07.2017 13:46

IGI66,
файл js/jquery.range.js строки 1394 и 1395
сделать так
this.$cache.inverse[0].style.right = "0px";
                this.$cache.inverse[0].style.width = 100 - this.coords.p_bar_w + "%";

IGI66 01.07.2017 14:29

Цитата:

Сообщение от рони (Сообщение 457128)
IGI66,
файл js/jquery.range.js строки 1394 и 1395
сделать так
this.$cache.inverse[0].style.right = "0px";
                this.$cache.inverse[0].style.width = 100 - this.coords.p_bar_w + "%";

Огромное спасибо! Все как надо)


Часовой пояс GMT +3, время: 13:50.