Вы узнаете как задать случайный бекграунд для страницы. При загрузке выбирается произвольная картинка из списка.
Код который нам понадобиться разобьем на несколько частей.
CSS:
#img-bg {
display: block;
height: auto;
left: 0;
min-height: 100%;
min-width: 1024px;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
Стиль для контейнера с id=”img-bg” мы создали. HTML на странице можем сгенерировать при помощи JS:
<script type="text/javascript">
var phr = new Array()
phr.push("img/randombg1.png")
phr.push("img/randombg2.jpg")
phr.push("img/randombg3.jpg")
phr.push("img/randombg4.jpg")
phr.push("img/randombg5.jpg")
phr.push("img/randombg6.jpg")
phr.push("new.jpg")
document.write('<img id="img-bg" src="'+phr[Math.floor(Math.random()*(phr.length-1))]+'" >');
</script>
В папке img находится список картинок, из которых выбирается случайная и подставляется в атрибут src нашего тега img.
