Изменение пагинации слайдера?

Question

[Skilful221]

суть в следующем, есть вот такой стандартный slider от bootstrap

внизу там три черточки для переключения слайдов

а мне нужно сделать вот такой слайдер

с таким своеобразным input type range
чет я вообще не понимаю, как мне его сделать) подскажите)

Answer 1

[AndersDir]

Отслеживай через js событие изменения значения у rage и листай на соответствующий слайд.
Методы у бустраповского слайдера для этого есть смотри тут: https://getbootstrap.com/docs/4.0/components/carousel/

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

Comments

[Skilful221]

спасибо)