슬라이드 마우스 오버시에 멈추고 오버를 풀면 재작동 하는 것과 관련해서 질문드립니다.

Question

슬라이드를 구축하고 슬라이드 이펙트 중 하나로 마우스 오버 시 슬라이드가 멈추는 기능을 구현하고 있습니다. 구글링을 통해 알아보니 clearInterval을 사용한 후 setInterval을 새로 줘서 재작동 시키면 된다고 해서 그렇구나 하고 구현을 했는데 clearInterval로 멈추는 것까지는 되는데 재작동이 되지 않습니다. console.log를 찍어도 콘솔 문구가 나오고 오류가 있다는 알림도 안나오는데 슬라이드가 안돌아가서 어디가 문제인지 도저히 파악이 되지 않습니다. 제발 도와주세요.//변수 var chk_div = //div var chk_ul =//ul var chk_li = //li var sld_speed = sld_speed//슬라이드 속도 var i = 0; var last = img_cnt//이미지 총 갯수 var $scroll; //슬라이더 소스 function _right(){ chk_ul.prepend(chk_li.last().clone()); chk_ul.css({left:'-'+chk_li.css('width'),width:((100+ (100 / last)*2))+'%'}); //n개가 노출이되고 한개를 클론해서 계속 쉬프트 시키기 $scroll = setInterval(function scroll(){//주기적으로 실행 var ps = Number(chk_ul.css('left').replace('px', "")); var chk_li2 = $(".sld_list_");//li if(ps == 1){//ps 가 1이 됐을 때 실행 chk_ul.css({left:'-'+chk_li2.css('width')}); chk_ul.prepend(chk_li2.eq(-2).clone());//ul 앞에 li의 요소를 복사 chk_li2.eq(-1).remove(); } else{ chk_ul.css({left:(ps+1)+'px'}) } }, sld_speed); } //슬라이더 멈춤 function _1(){ // chk_div.hover(function(){ // $scroll = clearInterval($scroll); // }, function(){ // $scroll = setInterval($scroll, sld_speed); // console.log($scroll+'ㅇㅇㅇㅇ'); // }); chk_div.mouseenter(function(e){ clearInterval($scroll); }); chk_div.mouseleave(function(e){ $scroll = setInterval($scroll, sld_speed); }); }

슬라이드 마우스 오버시에 멈추고 오버를 풀면 재작동 하는 것과 관련해서 질문드립니다.

0개의 답변

Q&A 목록