使用JavaScript的滑动图像

我正在尝试使用JavaScript创建一个图像滑块

HTML

剧本

var image1 = new Image()
image1.src = "firstcar.gif"
var image2 = new Image()
image2.src = "secondcar.gif"
var image3 = new Image()
image3.src = "thirdcar.gif"

//variable that will increment through the images
var step = 1

function slideit() {
    //if browser does not support the image object, exit.
    if (!document.images) return
    document.images.slide.src = eval("image" + step + ".src")
    if (step < 3) step++
    else step = 1
    //call function "slideit()" every 1.5 seconds
    setTimeout("slideit()", 1500)
}
slideit()

var image1=新图像（）
image1.src=“firstcar.gif”
var image2=新图像（）
image2.src=“secondcar.gif”
var image3=新图像（）
image3.src=“thirdcar.gif”
//变量，该变量将在图像中递增
var阶跃=1
函数slideit（）{
//如果浏览器不支持图像对象，请退出。
如果（！document.images）返回
document.images.slide.src=eval（“image”+step+“.src”）
如果（步骤<3）步骤++
其他步骤=1
//每1.5秒调用函数“slideit（）”
setTimeout（“slideit（）”，1500）
}
slideit（）

我想以这样的方式滑动两个图像，即将出现的图像显示在第二位，并滑动到第一位，并且两个图像必须是内联的

---

我找不到错误。有人能帮我修一下吗？

互联网上有很多图像滑块。你可以帮他们

但是，上面构建的脚本不会以任何方式创建滑动效果。它只是切换图像并假装效果看起来像是在滑动

脚本的工作版本如下所示

var step = 1;

function slideit() {
    //if browser does not support the image object, exit.
    var img = document.getElementById('slide');
    img.src = "image" + step + ".src";
    console.log(img.src);
    if (step < 3) step++;
    else step = 1;
    //call function "slideit()" every 1.5 seconds
    setTimeout(slideit, 1500);
}
window.onload = slideit();

var阶跃=1；
函数slideit（）{
//如果浏览器不支持图像对象，请退出。
var img=document.getElementById（'slide'）；
img.src=“image”+step+“.src”；
console.log（img.src）；
如果（步骤<3）步骤++；
否则步骤=1；
//每1.5秒调用函数“slideit（）”
设置超时（slideit，1500）；
}
window.onload=slideit（）；

---

用java脚本设计图像滑块非常容易。您所需要的只是一个容器，图像将在其上显示或滑动，以及一个脚本，该脚本将旋转或滑动图像。滑动可以是随机的，也可以是顺序的。检查下面的链接，该链接显示带有脚本的手动滑块

var step = 1;

function slideit() {
    //if browser does not support the image object, exit.
    var img = document.getElementById('slide');
    img.src = "image" + step + ".src";
    console.log(img.src);
    if (step < 3) step++;
    else step = 1;
    //call function "slideit()" every 1.5 seconds
    setTimeout(slideit, 1500);
}
window.onload = slideit();