테스트 사이트 - 개발 중인 베타 버전입니다

메인화면 롤링이미지 마우스 오버시 멈춤적용 채택완료

디자인아루즈 1년 전 조회 1,902

메인화면 롤링이미지 마우스 오버시 멈춤을 적용하고 싶습니다.

현재는 여부와 상관없이 계속 돕니다.

https://woosungent.com/index.php

메인롤링/제품소개/설치사례

</p>

<p><script>

            var swiper = new Swiper('.swiper-container', {//첫번째슬라이드

                loop : true,

                paginationClickable: true,

                spaceBetween: 0,

                nextButton: '.button_right',

                prevButton: '.button_left',

                effect : 'fade',

                autoplay: 8000,

                autoplayDisableOnInteraction: false

            });

            $( ".swiper-slide" ).hover(

              function() {

                myswiper .autoplay.stop();

              }, function() {

                myswiper .autoplay.start();

              }

            );

            </script>    

<script>

    var swiper = new Swiper('.swiper-container_room', {//두번째슬라이드

        nextButton: '.nex_btn',

        prevButton: '.pre_btn',

        loop : true,

        slidesPerView: 1,

        paginationClickable: true,

        grabCursor: true,

        effect : 'fade',

        autoplay: 4000,

        autoplayDisableOnInteraction: false

    });

    $( ".swiper-slide" ).hover(

      function() {

        myswiper .autoplay.stop();

      }, function() {

        myswiper .autoplay.start();

      }

    );

</script>

<script>

    var swiper = new Swiper('.swiper-container_special', {//세번째슬라이드

        nextButton: '.spe_ri',

        prevButton: '.spe_le',

        loop : true,

        slidesPerView: 2,

        paginationClickable: true,

        grabCursor: true,

        autoplay: 4000,

        autoplayDisableOnInteraction: true

    });

    $( ".swiper-slide" ).hover(

      function() {

        myswiper .autoplay.stop();

      }, function() {

        myswiper .autoplay.start();

      }

    );

</script></p>

<p>

어디를 수정할까요?

고수님들 도와주세요

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

이런게 있네요~

https://lpla.tistory.com/147

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

댓글을 작성하려면 로그인이 필요합니다.

1년 전

https://swiperjs.com/swiper-api#param-pauseOnMouseEnter" id="param-pauseOnMouseEnter">pauseOnMouseEnter 이라는 옵션이 있네요 기본적으로 false로 되어있어서 true로 하면 될듯 싶어요

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

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인