Randomize Image На Refresh

Question

мне нужна помощь в моем App

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