Javascript中的图像滑块

此图像滑块不会显示下一张图片。我有3张照片。。image1、image2和image3，但它只保留在image1上

<script type="text/javascript">
var image1 = new Image();
image1.src="jokes.png";
var image2 = new Image();
image2.src="facts.png";
var image3 = new Image();
image3.src="csharp.png";
</script>



<img src="jokes.png" name="slide" width="200" height="200">
<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");
    if (step < 3) {
        step++;
        else step = 1
        setTimeout("slideit()", 2500);
    }
    slideit()
}
</script>

var image1=新图像（）；
image1.src=“笑话.png”；
var image2=新图像（）；
image2.src=“facts.png”；
var image3=新图像（）；
image3.src=“csharp.png”；
var阶跃=1；
函数slideit（）{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤<3）{
step++；
其他步骤=1
setTimeout（“slideit（）”，2500）；
}
slideit（）
}

因为从未调用函数

slideIt

。第一个调用包含在函数中

试试这个

<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");

    if (step < 3)
        step++;
    else 
        step = 1

    setTimeout("slideit()", 2500);
}

//First call
slideit();
</script>

var阶跃=1；
函数slideit（）{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤<3）
step++；
其他的
步骤=1
setTimeout（“slideit（）”，2500）；
}
//第一个电话
slideit（）；

因为从未调用函数

slideIt

。第一个调用包含在函数中

试试这个

<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");

    if (step < 3)
        step++;
    else 
        step = 1

    setTimeout("slideit()", 2500);
}

//First call
slideit();
</script>

var阶跃=1；
函数slideit（）{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤<3）
step++；
其他的
步骤=1
setTimeout（“slideit（）”，2500）；
}
//第一个电话
slideit（）；

除了sdespont的回答，还有一个语法问题

<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");
    if (step < 3){ 
      step++;
    }else{ 
     step = 1;
    }
    setTimeout("slideit()", 2500);

}

//First call
slideit();
</script>

var阶跃=1；
函数slideit（）{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤<3）{
step++；
}否则{
步骤=1；
}
setTimeout（“slideit（）”，2500）；
}
//第一个电话
slideit（）；

除了sdespont的回答，还有一个语法问题

<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");
    if (step < 3){ 
      step++;
    }else{ 
     step = 1;
    }
    setTimeout("slideit()", 2500);

}

//First call
slideit();
</script>

var阶跃=1；
函数slideit（）{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤<3）{
step++；
}否则{
步骤=1；
}
setTimeout（“slideit（）”，2500）；
}
//第一个电话
slideit（）；

还值得注意的是，如果

slideit（）

调用自身，它只会重复一次，因为您使用的是

setTimeout

而不是

setInterval

。还值得注意的是，如果

slideit（）

调用自身，它只会重复一次，因为您使用的是

setTimeout

而不是

setInterval

。哦，您的函数也有一个输入错误。试试我更新的答案。哦，你的函数也有输入错误。试试我最新的答案。