Как сделать такую карусель фотографий карточки товара?

Question

[reinmaker90]

Есть ли готовое решение подобно этому?


Подобное решение также есть на авито и думаю еще много где, если встречали такой пакет - дайте знать.

Comments

[Ankhena]

Возьмите swiper.js и стилизуйте пагинацию как вам нужно.

[Rerurk]

В чем проблема это реализовать самому? Пол часа работы

[reinmaker90]

Rerurk, да, подумал мб есть уже готовый пакет, от сюда и вопрос

Answer 1

[iBird Rose]

есть готовая библиотека https://agragregra.github.io/Brazzers-Carousel/
НО она уже очень старая и давно не обновлялась.
советую такое переделать из обычного слайдера. к примеру slick - стилизовать dots в ряд с наложением поверх картинки. вот так:

и при ховере по дотам делать переход на этот слайд.

Comments

[Rustam Bainazarov]

Я бы не делал на слайдере, а с помощью невидимых блоков при наведении менял бы src у картинки. Ради производительности. Цена вопроса — один слушатель.