如何在光标悬停时暂停滑块

Question

我尝试用jQuery创建滑块。这是onLoad事件代码。

function Slider(){
        var delay=5500;
        var show=2000;
        var hide=1000;
        $('#1').show("fade",show);
        $('#1').delay(delay).hide("fade",{direction:"left"},hide);
        var n=$('.slider img').size();
        var count=2;
        var t=setInterval(function(){
            $('#'+count).show("slide",{direction:"right"},show);
            $('#'+count).delay(delay).hide("fade",{direction:"left"},hide);
            if(count==n){
                count=1;
            }
            else{
                count=count+1;
            }
        },8000);
    }

这是工作，现在，我想暂停它悬停。请帮帮我。

Answer 1

尝试一下测试。

Slider(false);
$(".slider img").hover(
  function() {
    Slider(true);
  }, function() {
    Slider(false);
  }
);
function Slider(pause){
        if(pause){
           return false;
        }
        var delay=5500;
        var show=2000;
        var hide=1000;
        $('#1').show("fade",show);
        $('#1').delay(delay).hide("fade",{direction:"left"},hide);
        var n=$('.slider img').size();
        var count=2;
        var t=setInterval(function(){
            $('#'+count).show("slide",{direction:"right"},show);
            $('#'+count).delay(delay).hide("fade",{direction:"left"},hide);
            if(count==n){
                count=1;
            }
            else{
                count=count+1;
            }
        },8000);
    }