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

Question

[Вадим Тимошенко]

Использую слайдер bootstrap 4. Очень много слайдов. Для навигации использую carousel-indicators. В линию они не помещаются. Нужно чтобы выходили из левой стороны экрана и уходили вправо. При клике сдвигались на один влево или вправо.

Возможно есть уже готовое решение чтобы посмотреть как это сделано?

Answer 1

[Сергей Лещенко]

https://getbootstrap.com/docs/4.1/components/carousel/
Используя это slide.bs.carousel событие двигайте индикаторы на нужное расстояние, когда дошли до конца обнуляйте позицию индикаторов.

Comments

[Вадим Тимошенко]

У slide.bs.carousel есть параметры from и to. Скажите, как я могу их использовать в своем коде? Прямое обращение не дает то что нужно. А console.log(from, to) выдает: n.Event {type: "slide", relatedTarget: div.carousel-item, direction: "left", from: 4, to: 5, …} undefined

[Сергей Лещенко]

$('#myCarousel').bind('slide.bs.carousel', function (e) {
    // сдвигаете индикаторы например на 20px
});

Answer 2

[Алексей Семёнов]

Я могу предположить, что такой функционала в bootstrap нет. Тебе надо самому будет логику писать. там же просто простой пример для быстрого и красивого вывода картинок.