Как сделать такой слайдер?

Question

[Crushing]

prntscr.com/g6hp7o
Как сделать слайдер как на скриншоте?
Как можно подробнее, заранее спасибо :)

Answer 1

[George Postoronca]

сначала делаем слайдер а потом и блок с min foto то есть те же фото только структура html уже как тебе удобна, когда уже все загрузился при клике на min foto берем его index и делаем через функцию слайдера скролл до index

не знаю если норм объяснил но я бы так сделал

по идее должно быть и готовые решение!

Comments

[Crushing]

Ничего не понял :)

[sergey]

зачем изобретать велосипед, когда их и так полно, это обычный слайдер с миниатюрами

[George Postoronca]

короче при клике на min foto берем индекс и так как сколько img в один блок столько и в другой то индексы совпадают так вот при клике берем index после этого у слайдера который ты используешь должно быть по идее функция где принимает параметр с index до какого слайдера скролить
Посмотри "to.owl.carousel"

Еще можно так если используешь этот слайдер
Пример

[George Postoronca]

Еще один пример
Можно как то сделать по свой дизайн

Answer 2

[sergey]

В чем собственно трудности, это обычный слайдер с миниатюрами, возьмите к примеру Slider Syncing slick slider и просто кастомизируйте его, все просто.