Слайдер в карточке как на lamoda
Есть слайдер
<div class="swiper-container js-catalog-card-slider">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/181.jpg" alt=""/></div>
<div class="swiper-slide"><img src="images/181.jpg" alt=""/></div>
<div class="swiper-slide"><img src="images/181.jpg" alt=""/></div>
</div>
<div class="swiper-pagination"></div>
</div>
Обычный слайдер, но нужна примерная реализация как сделать, пример на https://www.lamoda.ru/c/557/accs-zhenskieaksessuary/?sitelink=topmenuW&l=5
Т.е. когда наводишь на картинку был переход
Код на JS:
if($("div").is(".js-catalog-card-slider")) {
document.querySelectorAll('.js-catalog-card-slider').forEach(elem => {
const slider = new Swiper(elem, {
loop: false,
pagination: {
el: '.swiper-pagination',
clickable: true
},
slidesPerView: 1,
watchOverflow: true,
spaceBetween: 0
});
});
}