Javascript 在幻灯片放映中添加“下一步”和“上一步”按钮

HTML

<img id="myImg"src="slide/2.jpg" name="img" width="1000" height="250"/>

JS

var image1 = new Image();
image1.src = "slide/23.jpg";

var image2 = new Image();
image2.src = "slide/7.jpg";

var image3 = new Image();
image3.src = "slide/4.jpg";

var image4 = new Image();
image4.src = "slide/5.jpg";

var image5 = new Image();
image5.src = "slide/6.jpg";



var step = 1;

function slideImages() {
    if (!document.images) {
        return
        document.images.img.src = eval("image" + step + ".src");
    }
    if (step < 5) {
        step++;
    } else {
        step = 1;
        setTimeout("slideImages()", 3000);
    }
}

slideImages();

var image1=新图像（）；
image1.src=“slide/23.jpg”；
var image2=新图像（）；
image2.src=“slide/7.jpg”；
var image3=新图像（）；
image3.src=“slide/4.jpg”；
var image4=新图像（）；
image4.src=“slide/5.jpg”；
var image5=新图像（）；
image5.src=“slide/6.jpg”；
var阶跃=1；
函数slidemages（）{
如果（！document.images）{
返回
document.images.img.src=eval（“image”+step+“.src”）；
}
如果（步骤<5）{
step++；
}否则{
步骤=1；
setTimeout（“slideImage（）”，3000）；
}
}
slidemages（）；

这一行永远不会执行

setTimeout("slideImages()", 3000);

因为使用

step=1

只调用了一次

slidemages

函数，因此它将不会执行else情况

试试这个

var image1 = new Image();
image1.src = "slide/23.jpg";

var image2 = new Image();
image2.src = "slide/7.jpg";

var image3 = new Image();
image3.src = "slide/4.jpg";

var image4 = new Image();
image4.src = "slide/5.jpg";

var image5 = new Image();
image5.src = "slide/6.jpg";



var step = 1;

function slideImages() {
    console.log('here' + step);
    if (!document.images) {
        return
    }
    document.images.img.src = eval("image" + step + ".src");
    if (step < 5) {
        step++;
    } else {
        step = 1;
    }
    setTimeout(slideImages, 3000);
}

slideImages();

var image1=新图像（）；
image1.src=“slide/23.jpg”；
var image2=新图像（）；
image2.src=“slide/7.jpg”；
var image3=新图像（）；
image3.src=“slide/4.jpg”；
var image4=新图像（）；
image4.src=“slide/5.jpg”；
var image5=新图像（）；
image5.src=“slide/6.jpg”；
var阶跃=1；
函数slidemages（）{
console.log（'here'+步骤）；
如果（！document.images）{
返回
}
document.images.img.src=eval（“image”+step+“.src”）；
如果（步骤<5）{
step++；
}否则{
步骤=1；
}
设置超时（slideImages，3000）；
}
slidemages（）；

您的问题是什么？你试过重新安装windows吗？没问题。您尚未描述问题、尝试解决问题、显示解决方案或描述解决方案中的困难。

eval

<代码>新图像？好悲伤！事实上，我只是为幻灯片制作了这个程序，它运行得很好，但是我想在幻灯片中使用“上一步”和“下一步”按钮，我不知道如何操作，所以我把这个放在这里，请提供帮助。实际上，我刚为幻灯片制作了这个程序，它运行得很好，但是我想在幻灯片中使用“上一步”和“下一步”按钮我不知道怎么做，所以我把这个放在这里，请帮助我如果这个问题得到了回答，请接受答案，并为你的新问题发布一个新问题。