Javascript 如何在网站中随机更改图片？

我想做一个网站，用户将决定的东西。用户将单击他或她选择的内容

我想知道如何在用户每次单击时将图片更改为随机的其他图片

---

有什么方法可以做到这一点吗？

创建一个图片数组，然后使用

Math.random();

---

要从将要显示的图片数组中选择一个随机索引？？？

这将为您提供所需的效果类型。基本上，您将图像存储在一个数组中，然后随机选择一个索引，然后显示它

var yourImages = ["image1.png","image2.png","image3.png"];

var randomImage = Math.round(Math.random()*yourImages.length);
function displayImage()
{
document.write(yourImages[randomImage]);
}

在我再次阅读您的问题之后，这里有一个更适合您所问问题的示例。如果用户单击图像，它将变为随机图像

JS:

jQuery：

<img id="currentImage" src="defaultImage.png">

<script>
 $("#currentImage").click(function(){
    var yourImages = ["image1.png","image2.png","image3.png"];
    var randomImage = Math.round(Math.random()*yourImages.length);
    $("#currentImage").attr("src", yourImages[randomImage]);

});
</script>

---

创建一个包含所有要使用的图像URL的数组。 e、 g

HTML:

如果您没有使用jQuery：

如果jQuery没有经过测试

var imageUrls = [
 'http://placehold.it/255x255&text=A',
 'http://placehold.it/255x255&text=B',
// ... more
  'http://placehold.it/255x255&text=Z'
];

---

你能举个例子吗？我已经给你贴了一个答案来解释一般的概念。然而，如果你已经开始在你的网站上，并希望一个特定的答案直接围绕着你正在使用的代码设计，张贴给我们，我们可以为你定制一个更直接的回应。

<img id='the-image-to-change'/>

var imageUrls = [
 'http://placehold.it/255x255&text=A',
 'http://placehold.it/255x255&text=B',
// ... more
  'http://placehold.it/255x255&text=Z'
];

var img = document.getElementById('the-image-to-change');
img.addEventListener("click", function() {
    this.src = imageUrls[Math.floor(Math.random() * imageUrls.length)];
});

img = $('#the-image-to-change');
img.on('click', function() {
    this.src = imageUrls[Math.floor(Math.random() * imageUrls.length)];
});