슬라이드 팝업창 마우스오버시 멈추게 하는 효과
본문
$(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
$(".multiPopup").on({
mouseenter: function() {
clearTimer();
},
mouseleave: function() {
bannerInit();
}
});
일단 짜두신 함수로 봤을땐 해당으로 하면 될거 같은데 멈출때 저 함수에 다시 실행하시는게 있어서 해당 함수로 되는지는 체크해보셔야 할 거 같습니다.
감사합니다 참고해서 처리 했습니다.
