CODEWITHSUNDEEP
swiper.js
Umar Tanveer
Umar Tanveer

Reputation: 77

How to stop swiper slide autoplay on mouse enter and start autoplay on mouse leave?

How to stop swiper slide autoplay on mouse enter and start autoplay on mouse leave? I have tried .stopAutoPlay() and .startAutoPlay() function but not worked for me.

thank you here is code.

 var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 0,
    loop: true,
    effect: 'slide',
    longSwipes: true,
    autoplay:2000,
    autoplayDisableOnInteraction:true,
});


$(".swiper-container").mouseenter(function(){
    swiper.stopAutoPlay();
});

$(".swiper-container").mouseleave(function(){
    swiper.startAutoPlay();
});

Upvotes: 2

Views: 5331

Answers (1)

Sergey Smekodub
Sergey Smekodub

Reputation: 102

Check swiper API docs, u should use mySwiper.startAutoplay(), letter "p" is lowercase

Upvotes: 2

Related Questions