Question

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

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

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

由于

Answer 1

在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>

随机图像生成

1 个答案: