带有javascript的随机图像不想给src

Question

我想在每次刷新时显示一张随机图片，但我不知道为什么我的代码不起作用...可能是因为我不擅长 javascript，哈哈。

我尝试了“3”而不是“imgs.length”，但它仍然无法正常工作 - 我也不想给出确切的数字，因为图像数量可能会有所不同......仅在我的示例中我使用了三个图片。

var imgs = ['img1','img2','img3'];

function getRandomImage(){
 var rnd = Math.floor(Math.random()*imgs.length);
 document.getElementById('pr_randImage').src = imgs[rnd];
}   
</script>   

<img id="pr_randImage">

Quellcode 根本没有为 img 显示任何 src。我究竟做错了什么？感谢您的每一次帮助。

Answer 1

改变这个

var imgs = ['img1','img2','img3'];

取决于您使用的图像的扩展名

var imgs = ['img1.png','img2.png','img3.jpg'];

如果这仍然不起作用，那么您需要包含图像所在的路径

类似的东西

document.getElementById('pr_randImage').src = "/images/" + imgs[rnd];