随机图像生成

Random Image Generation

本文关键字：图像 随机      更新时间：2023-09-26

所以我不确定如何处理这样的事情，我环顾四周，只是没有找到我想要的东西。

我希望能够在脚本文件顶部（假设）说明图像数量并列出图像名称。然后，脚本将看到图像的数量并查看列表，然后随机生成一个数字，选择代表该数字的图像。然后，图像将显示在网站上。

我确信这可以用JavaScript完成，我只是不确定如何完成。随意更改我的计划，因为我是 JavaScript 的新手，所以不确定如何处理这个问题。

谢谢

在 JavaScript 中，我会使用一个图像文件名数组，使用 math.random 函数，并将该数组索引分配给 html 中的 img id。

我写了一些东西，你可以在下面测试。您必须使用自己的文件名和文件路径，但是一旦您进行了设置，请刷新测试页并验证是否显示了随机图像。

<html>
<body onload="randomImage()">
  <img id="yourImageID" src="" alt="random image">
  <script>
    function randomImage() {
      //Array of filenames
      var fileNames = [
        "dog.png",
        "cat.png",
        "cow.png"
      ];
      //get a random index for the array
      var randomIndex = Math.floor(Math.random() * fileNames.length);
      //assign that value to your img tag
      document.getElementById("yourImageID").src = "filepath/" + fileNames[randomIndex];
    }
  </script>
</body>
</html>

相关文章：