javascript - 在页面上的 div 中显示来自图像文件的随机图像

Question

如何使用 JQuery 显示图像文件中的随机图像，然后在单击链接时将图像更改为另一个随机图像。

这是图像需要加载的 img id，如果上面的链接被选中。

    <a href="#imageChange">

    <img id="cap" src="" height="220px" width="530px" />

Answer 1

如果您将图像路径保存在数据库中，您可以:

SELECT imagePaths FROM table ORDER BY RAND() LIMIT 1

获取随机图像路径然后显示它。

使用客户端/服务器端语言，您可以生成一个随机数，该随机数将作为索引，用于从存储所有图像的数组中获取图像路径。

在 javascript 中你可以使用这样的函数:

function getRandomArbitrary(min, max) {
  return Math.random() * (max - min) + min;
}

使用 PHP:

$index = rand(0, $nbOfImgs);