Javascript 刷新时随机化图像

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

这就是我目前正在进行的工作

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

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

我也有不同的蛋糕图像，比如你在小提琴上看到的那个

---

如何让它随机显示不同的图像，并在页面刷新时获取不同的答案，我更担心的是如何让它首先随机显示。首先，您需要一个图像列表，可以从中选择：

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

---

请你提供一把小提琴好吗？@artbarzz当然可以。和您只提供了一张图像，所以我使用了一些模板图像。哇，斯宾塞非常感谢您的帮助，它的工作原理令人惊讶，现在我只是想弄清楚如何使它显示0，如果它进入可拖放选项的正确位置，我可以使用存储随机图像变量的索引吗？$'answerfour'.dropable{accept:'li[data value=four]'，drop:function事件，ui{$'four'.appendui.draggable；}；