JavaScript 更改图像

Question

我有一组名为 img1、img2、img3、img4、.......、imgx 的图像。 因此，我想编写 JavaScript 代码来显示图像 img1 位于 document.onload() 处，第一次单击要更改为 img2 的图像，然后第二次单击要更改为 img3< 的图像 然后在每次单击 NEXT 按钮时与下一张图像相同。通过这种方式，我什至需要 PREVIOUS 按钮来返回到以前查看过的图像。

如何实现这个？

Answer 1

var currentImage = 1;

window.onload = function() {
    showImage();
};

document.getElementById("next").onclick = function() {
    currentImage++;
    showImage();
}

function showImage() {
    document.getElementById("image").src = "img" + currentImage + ".jpg";
}

这些是基础知识，应该可以帮助您入门。如果您在实现其余部分方面需要帮助，请询问我们您具体想要做什么以及您尝试了什么。提示，您需要处理没有“下一个”图像可显示的情况。您希望它回到开始还是不起作用？