Как сделать Swider Slider Mouse при наведении курсора

Question

var sliderThumbs = new Swiper('.slider .slider-thumbs', {
            slidesPerView: 'auto',
            });
          var slidercontent = new Swiper('.slider .slider-content', {
            disableOnInteraction: false,
            thumbs: {
              swiper: sliderThumbs,
            },
          });

Смена слайда на зависание пальца

Не работает следующий код

$('.swiper-slide.thumb-slide').hover(function() {
      $( this ).trigger( "click" );
   });   

Как мне извиниться за мой плохой английский

Answer 1

$( this ).trigger( "click" ) не будет работать, потому что слайды с миниатюрами на самом деле не связаны с click событиями. Вместо этого вы можете вызвать метод slideTo() и использовать индекс миниатюры, например:

$('.swiper-slide').on('mouseover', function() {
    slidercontent.slideTo($(this).index());
})

См. Следующее:

• Методы Swiper API: https://swiperjs.com/api/#methods
• Метод jQuery .index(): https://api.jquery.com/index/