Как сделать слайдер с прокруткой и превьюхами?

Question

[Павел Антонов]

Ребят подскажите какими средствами готовыми если есть можно реализовать такой слайдер?
Пользую в основном slick, сделать превью и основной слайдер на нем можно, тогда встает вопрос как сделать прокрутку у превьюшек и заставить ее проматыватсья на нужное место в зависимости от активного слайда. Кто делал подобное подскажите.

Answer 1

[Павел Антонов]

В общем ни один из вариантов не подошел, использовал jquery sly сделал все как по макету, и скролл и стрелки и превьюхи, всем спс

Answer 2

[Вячеслав Шевченко]

slick.js

Comments

[Павел Антонов]

описание к вопросу то читали?

[Вячеслав Шевченко]

Так а разве "из коробки" не работает?
Вот тут на чистом слике сделали

[Вячеслав Шевченко]

Использовать события нужно. Когда меняется картинка в одном слайде меняешь через событие в другом.

[Павел Антонов]

Вячеслав Шевченко: это всё я знаю, вы взгляните на макет, там дизайнер решил что нужен скролл.

[Вячеслав Шевченко]

т.е. синий кружок это именно бегунок для скролла а не подсветка текущей картинки? Если да, то я бы решал самописным методом, подсказать не смогу. Вообще слик ведь тоже имеет контейнер где все элементы спрятаны, поиграй с css этого элемента и свойством оверфлоу.

[Павел Антонов]

Вячеслав Шевченко: да тоже думал копать в эту сторону, спасибо, в любом случае придется писать костыль, запостил вопрос для того чтобы выбрать наименьшее из зол :)

Answer 3

[Nikita Shchypylov]

тыкай сюды

Answer 4

[К. А.]

https://codepen.io/collection/XyrOLw/

Тут есть готовые примеры на любой вкус и цвет. Под себя допилить не составляет труда.