Скажем, у меня есть эта галерея изображений, как я произвольно отображаю изображения каждый раз, когда я перезагружаю страницу?Отображение случайных изображений divs при каждой загрузке страницы
http://creativepreviews.com/fiddle/study/20131007/
Вы могли бы сделать что-то вдоль этих линий (не проверено)
var grd = $('#grid');
var imgs = grd.children();
imgs.sort(function(){return (Math.round(Math.random()) - 0.5);});
grd.remove('li');
for(var i=0;i < imgs.length;i++) grd.append(imgs[i]);
По сути то, что мы делаем получает все элементы LI в «сетке» в массив, рандомизации их, удалив их все из «сетки», а затем снова вставив их обратно.
Если вы предоставили рабочую скрипку, а не ссылку на готовое изделие, было бы проще ее модифицировать и предоставить более полное решение.
Спасибо, друг, он работает так, как мне нужно. Хороший. –
Это лучше, поскольку он не будет генерировать коды, если у меня будет более 50 изображений. Несколько строк будут просто перемешать все в #ID. –
Рад, что я мог помочь. – DroidOS
Предположим, что изображение будет отображаться на фоне DIV, тогда следующее должно это сделать.
// JS
var imgArray = ["img1.jpg", "cat.jpg", "sky.jpg"]
function randomBg() {
x = Math.random()
y = Math.round(x * 10)
if (imgArray[y] != undefined) {
document.getElementById("blah").style.backgroundImage = "url('" + imgArray[y] + "')"
} else {
document.getElementById("blah").style.backgroundImage = "url('default.jpg')"
}
}
... и HTML.
<script src="test.js"></script>
<body onload="randomBg()">
<div id="blah"></div>
... или вы могли бы заменить style.backgroundImage в JS с innerHTML = <img src=" и т.д. ...
Спасибо, это похоже и изменит фон. Будет полезно для моих определенных проектов. –
Ну вы смотрели в [ 'math.random()' функции] (https: // разработчик .mozilla.org/EN-US/Docs/Web/JavaScript/Справочник/Global_Objects/Математика/случайный)? Или один из [нескольких] (http://stackoverflow.com/questions/18533829/on-load-of-page-put-random-image-in-div?rq=1) [другой] (http: // stackoverflow.com/questions/14376442/pulling-out-a-random-image-when-page-loads-every-time?rq=1) [вопросы] (http://stackoverflow.com/questions/17246566/how- do-i-have-a-different-image-load-on-each-page-refresh? rq = 1), который уже задал что-то подобное? – nnnnnn
надеюсь, что эта ссылка может быть полезна вам..http: //stackoverflow.com/questions/6055079/show-random-images-at-random-places-jquery – Outlooker
Спасибо за предложения, я видел код. Очень похоже и близко. –