Слайдер в карточке как на 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
    });
  });
}

https://prnt.sc/w3d4q7


Ответы (0 шт):