Javascript 使用“上一步”和“下一步”按钮制作Img幻灯片
如何使其在单击“下一步”时转到下一个阵列图像，在单击“上一步”时转到上一个阵列图像。我正在尝试制作一个有两个按钮的图像幻灯片。一个转到下一张图片，一个转到上一张图片Javascript 使用“上一步”和“下一步”按钮制作Img幻灯片,javascript,arrays,image,slideshow,Javascript,Arrays,Image,Slideshow,如何使其在单击“下一步”时转到下一个阵列图像，在单击“上一步”时转到上一个阵列图像。我正在尝试制作一个有两个按钮的图像幻灯片。一个转到下一张图片，一个转到上一张图片 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var images = new Array(7); images[0] = "Images/lab1.jpeg";
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var images = new Array(7);
images[0] = "Images/lab1.jpeg";
images[1] = "Images/lab2.jpeg";
images[2] = "Images/lab3.jpeg";
images[3] = "Images/lab4.jpeg";
images[4] = "Images/lab5.jpeg";
images[5] = "Images/lab6.jpeg";
images[6] = "Images/lab7.jpeg";
images[7] = "Images/lab8.jpeg";
var num_img = 7;
var cur_img = 1;
function goback() {
if(cur_img>0)
{
cur_img = cur_img - 1;
}else{
alert("This is the first image");
}
}
function gofwd(){
if(cur_img < num_img){
cur_img = cur_img + 1;
}else{
alert("This is the last image");
}
}
</script>
</script>
</head>
<body>
<div style="border: solid 12px blue; width: 500px; height: 500px;">
<img src="Images/lab1.jpeg" alt="lab1" height="500" width="500">
</div><br>
<input type="button" value="PREVIOUS" id="prev" name="prev" style="color:blue" onclick="goback();" >
<input type="button" value="NEXT" id="next" name="next" style="color:blue" onclick="gofwd();" >
</body>
</html>
var图像=新阵列（7）；
图像[0]=“images/lab1.jpeg”；
图像[1]=“images/lab2.jpeg”；
图像[2]=“images/lab3.jpeg”；
图像[3]=“images/lab4.jpeg”；
图像[4]=“images/lab5.jpeg”；
图像[5]=“images/lab6.jpeg”；
图像[6]=“images/lab7.jpeg”；
images[7]=“images/lab8.jpeg”；
var num_img=7；
var cur_img=1；
函数goback（）{
如果（电流img>0）
{
cur_img=cur_img-1；
}否则{
警报（“这是第一张图像”）；
}
}
函数gofwd（）{
如果（当前img
switch<script>
var images = new Array(7);
images[0] = "Images/lab1.jpeg";
images[1] = "Images/lab2.jpeg";
images[2] = "Images/lab3.jpeg";
images[3] = "Images/lab4.jpeg";
images[4] = "Images/lab5.jpeg";
images[5] = "Images/lab6.jpeg";
images[6] = "Images/lab7.jpeg";
var numimg = 7;
var curimg = 1;
function goback() {
var im=document.getElementById("image");
if(curimg>0)
{
im.src = images[curimg-1];
curimg = curimg - 1;
}else{
alert("This is the first image");
}
}
function gofwd(){
var im=document.getElementById("image");
if(curimg < numimg){
im.src = images[curimg+1];
curimg = curimg + 1;
}else{
alert("This is the last image");
}
}
</script>
var图像=新阵列（7）；
图像[0]=“images/lab1.jpeg”；
图像[1]=“images/lab2.jpeg”；
图像[2]=“images/lab3.jpeg”；
图像[3]=“images/lab4.jpeg”；
图像[4]=“images/lab5.jpeg”；
图像[5]=“images/lab6.jpeg”；
图像[6]=“images/lab7.jpeg”；
var numimg=7；
var curimg=1；
函数goback（）{
var im=document.getElementById（“图像”）；
如果（mg>0）
{
im.src=图像[mg-1]；
curimg=curimg-1；
}否则{
警报（“这是第一张图像”）；
}
}
函数gofwd（）{
var im=document.getElementById（“图像”）；
if（curimg<div style="border: solid 12px blue; width: 500px; height: 500px;">
<img src="Images/lab1.jpg" alt="lab1" height="500" width="500" id="image" />
</div><br>
<input type="button" value="PREVIOUS" id="prev" name="prev" onclick="goback();" >
<input type="button" value="NEXT" id="next" name="next" onclick="gofwd();" >