diff --git a/assets/js/common.js b/assets/js/common.js index a8a2ead..338b74a 100644 --- a/assets/js/common.js +++ b/assets/js/common.js @@ -179,10 +179,11 @@ $(document).ready(function() { loop:true, freeMode: true, autoplay: { + pauseOnMouseEnter: true, delay:1, disableOnInteraction: false, }, - speed: 4000, + speed: 3000, breakpoints: { // when window width is >= 320px 320: { @@ -195,20 +196,26 @@ $(document).ready(function() { 640: { spaceBetween: 20, } - } + }, + on: { + init: function (swiper) { + console.log('swiper initialized') + var swiperContainer = document.querySelector('.swiper-container'); + // Pause autoplay when mouse enters the Swiper container + swiperContainer.addEventListener('mouseenter', function() { + swiperTheme.autoplay.stop(); + }); + + // Resume autoplay when mouse leaves the Swiper container + swiperContainer.addEventListener('mouseleave', function() { + swiperTheme.autoplay.start(); + }); + }, + }, }); - - $('.pdpDisplayThemeSwiper').on('mouseleave', function() { - console.log("시작") - swiperTheme.autoplay.start(); - }); - $('.pdpDisplayThemeSwiper').on('mouseenter', function() { - console.log("멈춰") - swiperTheme.autoplay.stop(); - }); //마이페이지 lnb 스와이프