使用js实现单击图片切换下一张图片，点到第四张后可以返回到第一张图片，无限下去，请给我这个代码

好的，以下是使用 JavaScript 实现单击图片切换下一张图片的代码：

HTML 代码：

<div>
  <img id="myImage" src="image1.jpg" onclick="changeImage()">
</div>

JavaScript 代码：

var imageIndex = 1;

function changeImage() {
  var image = document.getElementById("myImage");
  imageIndex++;
  if (imageIndex > 4) {
    imageIndex = 1;
  }
  image.src = "image" + imageIndex + ".jpg";
}

这段代码会在页面中显示一张图片，并且当用户单击图片时，会切换到下一张图片。当切换到第四张图片时，会重新回到第一张图片，实现无限循环。

相关问题

使用js实现单击图片切换下一张图片，点到第四张后可以返回到第一张图片，无限下去，并且不使用if，请给我这个代码

很高兴为您提供这个代码，以下是使用js实现单击图片切换下一张图片，点到第四张后可以返回到第一张图片，无限下去的代码：

HTML代码：

<div id="image-container">
  <img src="image1.jpg" alt="Image 1" id="image">
</div>

JavaScript代码：

var images = ["image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg"];
var index = 0;

document.getElementById("image").addEventListener("click", function() {
  index = (index + 1) % images.length;
  document.getElementById("image").src = images[index];
});

这个代码使用了一个数组来存储所有的图片，然后使用一个变量来跟踪当前显示的图片的索引。当用户单击图片时，我们将索引增加1，然后使用模运算符将其限制在0到3之间，以便在达到最后一张图片时返回到第一张图片。最后，我们将新的图片路径设置为图像元素的src属性。