您好,我刚刚为下一个按钮创建了以下 JavaScript 代码,单击该按钮将显示数组中的下一个图像。但是,我现在想通过为“上一个”按钮创建一个新函数来扭转这一点,该按钮返回数组而不是向前。这将比您在此数组中看到的 3 个示例图像多得多:
var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = "Media//Gallery//img_1.jpg";
imgArray[1] = new Image();
imgArray[1].src = "Media//Gallery//img_2.jpg";
imgArray[2] = new Image();
imgArray[2].src = "Media//Gallery//img_3.jpg";
这是我的下一个按钮功能。我只需要为上一个按钮反转它,但不确定如何。
function nextImage(event) {
var img = document.getElementById("largeImage");
for(var i = 0; i < imgArray.length;i++)
{
if(imgArray[i].src == img.src)
{
if(i === imgArray.length){
img.src = imgArray[0].src;
break;
}
img.src = imgArray[i+1].src;
break;
}
}
}
这是上一个按钮的 div:
<div class="imgNav" onclick="previousImage(this);" style="width:190px">
这是按下按钮时我想要更改的图像:
<img id="largeImage" src="Media//Gallery//Image_1.jpg" alt="Large Image" />
非常感谢你提前!