我自己的迷你滑块，停在悬停

Question

我自己做滑块，因为我找不到足够简单的滑块以满足我的需要。 它非常适合我，只需要一个选项 在悬停时停止setintreval

在此举例说明：CODEPEN

  $("#sliderWrapper .arrow").click(function(){
   $( "#slider li" ).fadeToggle( "slow", "linear" )
})

setInterval(function(){
   $( "#slider li" ).fadeToggle( "2500", "easeInOutExpo" )
}, 8000);

任何帮助都会很感激，谢谢：）

Answer 1

我能想到的最简单的方法是使用jQuery的:hover选择器，如下所示;

setInterval(function(){
  $( "#slider:not(:hover) li" ).fadeToggle( "2500", "easeInOutExpo" )
}, 8000);