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

Question

[kachurinets]

Есть такой дизайн товара. Нужно чтобы по нажатию на миниатюру, показывалась большая картинка и при нажатии на большую картинку она увеличивалась .
Я так понимаю сюда можно подключить слайдер, а как сделать чтобы клик на миниатюре, менял главную картинку. Есть ли смысл для этих действий подключать какую-то либу?

Comments

[Froggyweb]

гет, проще самому написать слайдер именно под свой функционал, желательно не костыльно.
Это был сарказм. А то судя по вопросу можно воспринять как ответ.

Answer 1

[sadieff]

Присмотритесь к карусели slick kenwheeler.github.io/slick
там есть пример Slider Syncing

Answer 2

[Дмитрий]

а как сделать чтобы клик на миниатюре, менял главную картинку

Сделать картинки невидимыми, при клике на миниатюру соответствующей большой картинке устанавливается допустим класс visible, который делает ее видимой, у остальных этот класс снимается.