Javascript 在第页的div中显示图像文件中的随机图像

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

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

    <a href="#imageChange">

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

---

如果将图像路径保留在数据库中，则可以执行以下操作：

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);

---

一旦获得图像URL，这里的jQuery代码片段就可以工作了。 图像URL指的是图像的完整URL

$('#imageChange').on('click',function(event){
    event.preventDefault(); // to prevent page from jumping or navigating away
    $('#cap').attr('src',theImageURL); //setting the source for the image.
});

或者，您也可以作为$'cap'调用

http://stackoverflow.com/questions/17142339/selecting-a-random-image-to-display?rq=1 Code先生在他的回答中做得很好，我认为这将使您获得95%的目标。生成一个并创建一个图像数组，然后在数组中使用该数字选择要加载的图像…然后单击生成一个新的数字。