채택완료

슬라이드 팝업창 마우스오버시 멈추게 하는 효과

2025-06-11 (수) 10:08:00 1,723

$(function() {
    var index = 0;
    var elem = $(".multiPopup ul.bannerList");
    var thumb = $(".multiPopup ul.thumbList li");
    var count = elem.children().length;
    var itemWidth = elem.children().width();
    var timer;
    var interval = 9000;        // 자동 롤링 주기 (단위 : ms)

    }

    bannerInit();

// 자동 롤링 정지
    function clearTimer() {
        clearInterval(timer);
        timer = setInterval(function() { index++; bannerSlide(); }, interval);
    }

슬라이드 팝업창 마우스오버시 멈추게 하게 싶은데 
고수님 한번 봐주세요. 어떻게 하면 될까요? 

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2025-06-11 (수) 10:27:53

$(".multiPopup").on({
        mouseenter: function() {
            clearTimer();
        },
        mouseleave: function() {
            bannerInit();
        }
});

일단 짜두신 함수로 봤을땐 해당으로 하면 될거 같은데 멈출때 저 함수에 다시 실행하시는게 있어서 해당 함수로 되는지는 체크해보셔야 할 거 같습니다.

답변에 대한 댓글 1개

감사합니다 참고해서 처리 했습니다.

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