swiper hover했을때 자동재생 멈추는 법 질문드립니다. 채택완료

sooable

3년 전 조회 3,924

Copy



    

        

            

                

                    

                    SUBSCRIPTION ▶ ▶ ▶

                    

                

            

                

    



var swiper = new Swiper('.subs_swiper', {

    slidesPerView: 'auto',

    spaceBetween: 15,

    observer: true,

    observeParents: true,

    autoplay: {

        delay: 0,

        disableOnInteraction: false,

    },

    speed: 20000,

    loop: true,

    allowTouchMove : false,

});

$('.swiper-slide').hover(function(){

    swiper.autoplay.stop();

}, function(){

    swiper.autoplay.start();

});

인터넷 찾아보고 적용했는데

swiper.autoplay.stop , swiper.autoplay.start 가 스와이퍼 내장함수?로 알고 있는데 작동하지 않는것같아요..

다른 분들은 바로 되셨다고 하는데 뭐가 문제일까요..

제가 잘못 작성한게 있을까요?

#스와이퍼 #swiper #제이쿼리 #jquery

답변 2개

정렬:

채택된 답변

+20 포인트

히햐

프로필 보기 이 회원 글보기 이 회원의 댓글보기

3년 전

Copy

$('.swiper-slide').hover(function(){ 

    swiper.autoplay.stop();  

    return false; 

}, function(){ 

    swiper.autoplay.start();  

    return false; 

});

이렇게 해서 안되시면

Copy

$('.swiper-slide').on('mouseenter', function(){

    swiper.autoplay.stop();  

    return false;

});

$('.swiper-slide').on('mouseleave', function(){

    swiper.autoplay.start();  

    return false;

});

이렇게 함 해보세요

로그인 후 평가할 수 있습니다