Как спозиционировать блоки навигации при разном количестве буллетов?

Question

[ligisayan]

Приветствую всех! Есть на сайте слайдер LayerSlider в котором хочу кнопки со стрелками навигации спозиционировать в правом нижнем углу независимо от количества слайдов, а значит и количества буллетов и при любом разрешении экрана так, чтобы не было между блоками просветов, не наезжали друг на друга - как это можно реализовать?
ВАЖНО: без правки html!
при фиксированном количестве слайдов набросал фидл

Answer 1

[Elwen]

Позиционировать очень просто:
.ls-bottom-nav-wrapper{text-align:right;}

Comments

[ligisayan]

Elwen ок, с правой частью разобрались - https://jsfiddle.net/h54336ng/3/
а что делаем с левой частью с классом .ls-nav-prev, когда в .ls-bottom-nav-wrapper больше слайдов чем теперь?

[Elwen]

ligisayan: С этим большой вопрос. Стрелки не связаны с булетами, поэтому не могу сейчас представить как позиционировать их через css. Со стрелкой .ls-nav-next еще просто, она получается с фиксированной позицией, но вот с .ls-nav-prev сложнее. Единственный вариант, который сейчас себе представляю - это через js получать ширину .ls-bottom-slidebuttons и сдвигать на это значение .ls-nav-prev влево от .ls-nav-next.

[ligisayan]

Elwen: спасибо, тогда у меня вопрос как получить ширину на js .ls-bottom-slidebuttons ?

var width = $("ls-bottom-slidebuttons").width();
console.log(width);

вот так выводит null

[Elwen]

ligisayan: Пропустили точку в $('.ls-bottom-slidebutton'). Код рабочий.
Единственное, на сколько я вижу, код из демоверсии плагина и на jsfiddle несколько отличается. Если вы будете переписывать на вариант из jsfiddle, то ширину получить лучше через .innerWidth(), что бы учитывались внутренний отступы.

[ligisayan]

Elwen: это сдесь, когда писал упустил точку, в коде она есть, но результат тот же.
может быть просто слайдер не успевает проинициализироваться до проверки?

[Elwen]

ligisayan: Без живого кода сложно на 100% сказать. Я проверяла на jsfiddle, результат был верен. Возможно на сайте действительно не успевает. Проверьте очередность загрузки js файлов и оберните расчет в $(document).ready(***);

[ligisayan]

Elwen: boats.likemedia.by вверху слайдер, в консоли null

[Elwen]

ligisayan: Перенесите код из .load в .ready

[ligisayan]

Elwen: менял, но результат тот же.. единственное, кстати, после некоторых страницы обновлений ширина срабатывала и отображалась, когда еще была в .load - странно все это..