jquery에서 마우스 오버시 일시 중지

Question

내 웹 사이트에 회전식 메뉴가 있습니다. http://blog.vishopper.com/ 해당 탭의 .mouseover가 1 초 후에 특정 슬라이드로 이동하도록 변경했습니다.

이제 슬라이더를 해당 슬라이드에서 일시 중지하고 계속해서 순환 시키길 원합니다.

여기에 슬라이더의 코드가 있습니다.

if($('#zSlider').length != 0){ 

    $('#zSlider').carousel({interval: parseInt(zAlive_i18n.slider_pause_time) }).bind('slid',function(){ 

    $('#zSlider .description li.active').removeClass('active'); 

    $('#zSlider .description li:eq(' + $('#zSlider .carousel-inner .active').index('#zSlider .carousel-inner .item') + ')').addClass('active'); 

    }); 

    $('#zSlider .description li').mouseover(function(){ 
    var me = this; 
    setTimeout(function() { 
    $('#zSlider').carousel($(me).index('#zSlider .description li')); 
    }, 1000); 
    }); 

    $('#zSlider .description li').hover(

    function(){$(this).addClass('over')}, 

    function(){$(this).removeClass('over')} 

); 

} 

다른 문제가 있습니다.하지만 우선이 문제를 해결하려고합니다. 일시 중지가 기본 동작 이었지만 파산 한 것으로 보입니다.

Answer 1

마우스를 올리면 clearInterval (foo)이 표시되고 마우스를 놓으면 간격이 재설정됩니다. 플러그인을 사용하고있는 것처럼 보입니까? 그래서 그것은 그것에 의해 설정된 간격을 제어하는 ​​것을 더 어렵게 만든다. 그것은 일반적인 생각입니다.