Javascript 我创建了一个jQuery幻灯片，但它不断重复相同的图像

正如您在下面提供的代码中所看到的，我创建了一个自动运行的简单jQuery幻灯片。但我遇到了一个小问题，我似乎无法解决。当幻灯片运行时，它运行得非常完美，但一旦它到达最后一张图像，它就会继续重复！我怎样才能防止这种情况发生？？代码在下面，还有一个指向图像的链接。谢谢！：）另外，由于不推荐使用的函数，我正在使用较旧的jQuery版本

HTML:

Javascript:

function Slider(){
    $(".slider #1").show("fade", 500);
    $(".slider #1").delay(5500).hide("slide", {direction:'left'}, 500);
    var sc = 3;
    var count = 2;

    setInterval(function(){
        $(".slider #"+count).show("slide", {direction:'right'}, 500);
        $(".slider #"+count).delay(5500).hide("slide", {direction:'left'}, 500);

        if(count == sc){
            count == 1;
        }else{
            count = count + 1;
        }
    },6500);
}

图像：

---

将下一张幻灯片作为参数传递给函数如何

    function Slider(i){
        $(".slider #"+i).show("fade", 500);
        $(".slider #"+i).delay(5500).hide("slide", {direction:'left'}, 500);
        var sc = 3;
        var netxslide=i+1;
        if (nextslide==sc+1){nextslide=1}

        setInterval(function(){Slider(nextslide)},6500);
    }

---

您好，您的错误在if声明中

if(count == sc){
    count == 1;
}else{
    count = count + 1;
}

你写的

count == 1;

而不是

count = 1;

常见的错误，我自己犯了很多。难以追踪

您的脚本应该是这样的：

function Slider(){
    $(".slider #1").show("fade", 100);
    $(".slider #1").delay(1000).hide("slide", {direction:'left'}, 100);
    sc = 3;
    count = 2;

    setInterval(function(){

        $(".slider #"+count).show("slide", {direction:'right'}, 100);
        $(".slider #"+count).delay(1000).hide("slide", {direction:'left'},    100);

        if(count == sc){
            count = 1;
        }else{
            count++;
        }
    }, 1000);
}

您应该开始使用您的控制台（几乎所有现代浏览器都有一个，通过按F12（FireFox/Chrome）启用它）

您的第一次计数==1；应为count=1

您没有设置变量，只计算TRUE

替换为：

   if(count == sc){
        count = 1;
    }else{
        count++;
    }

---

我现在看到的可能是Ohhh的复制品！谢谢为什么会被否决？答案与被接受的答案大致相同，而且大致相同。看起来，我对另一个用户答案的建设性评论（该答案甚至没有回答这个问题，并且已经被删除）导致他们否决投票以示报复。

function Slider(){
    $(".slider #1").show("fade", 100);
    $(".slider #1").delay(1000).hide("slide", {direction:'left'}, 100);
    sc = 3;
    count = 2;

    setInterval(function(){

        $(".slider #"+count).show("slide", {direction:'right'}, 100);
        $(".slider #"+count).delay(1000).hide("slide", {direction:'left'},    100);

        if(count == sc){
            count = 1;
        }else{
            count++;
        }
    }, 1000);
}

   if(count == sc){
        count == 1;
    }else{
        count = count + 1;
    }

   if(count == sc){
        count = 1;
    }else{
        count++;
    }