jQuery 滑块：悬停时暂停 - 如何？

Question

我正在使用以下jQuery slider（原始来源）。

• JSFiddle

与下面的粘贴代码相比，两个链接都提供了更好的文档化代码。

问题
使幻灯片在悬停时暂停并在鼠标离开时再次恢复的代码是什么。

代码

function slideOut(element, looping) { 
          if(looping != null) { 
              $slide = element; 
          } else { 
              $slide = $(element).find(">:first-child");
          }
          $slide
              .delay(interval)
              .fadeOut(fadeTime, slideIn);
      } 

      function slideIn() { 
          var $nextSlide = $(this).next(); 
          if ($nextSlide.length == 0) { 
              $firstSlide = $(this).parent().find(">:first-child"); 
              $firstSlide.fadeIn(fadeTime); 
              slideOut($firstSlide, true); 
          } else {
              $nextSlide.fadeIn(fadeTime); 
              slideOut($nextSlide, true); 
          } 
      } 
  }  

Answer 1

当鼠标进入时，你应该清除间隔：

$('//text here').mouseenter(function(){
   clearInterval(slideShowInterval);
});

当鼠标离开时，你应该重新开始间隔：

$('//text here').mouseleave(function(){
    slideShowInterval = setInterval(changePosition, speed);
});

阅读更多关于JQuery mouse events的信息。