刷新时随机化图像

Question

我在我的应用程序上需要一些帮助

https://jsfiddle.net/fdatm462/1/

这就是我目前的工作

我正在使用Jquery Mobile以及我的框架，当我点击导航栏中的按钮时，我有一个刷新页面的功能

<li><button onclick="location.reload(true)" class ="ui-btn-b">New Cakes</button></li>

我也有不同的蛋糕图像，例如你在小提琴中看到的蛋糕 我如何让它随机显示不同的图像，并在页面刷新时采取不同的答案，我更担心如何让它先随机显示

Answer 1

首先，您需要一个可供选择的图像列表：

imgArray = [ "img1.png", "img2.png", ... ];

要从数组中选择一个随机元素，您可以使用Math.random()选择0到1之间的值（不包括1），并将其乘以数组的长度以从0到n-1，最后发言将使其成为整数。

var randomIndex = Math.floor(Math.random()*imgArray.length);
randomImg = imgArray[randomIndex];

然后，您可以通过执行以下操作将src更改为随机图片：

$("#source li img").attr("src", randomImg );