Как изменять (чередовать) фон блока див при каждом обновлении страницы

[avlakogen]

Уважаемые формумчане, подскажите пожалуйста, как можно реализовать чередование фонового изображения у блока div при обновлении страницы?
Как это выглядит можно увидеть на сайте http://www.bcm.es
В шапке сайта располагается резиновый див, с фоновой картинкой, в таблице стилей для этого дива существует три правила, в каждом из которых прописан файл фонового изображения. При обновлении страницы рандомно подставляется одно из правил, соответственно меняется изображение.
Подскажите пожалуйста, каким образом это можно реализовать?
Буду премного благодарен за помощь в решении сего вопроса!

 

[A-F]

JS PHP

 

[motek]

Уважаемые формумчане, подскажите пожалуйста, как можно реализовать чередование фонового изображения у блока div при обновлении страницы?
Как это выглядит можно увидеть на сайте http://www.bcm.es
В шапке сайта располагается резиновый див, с фоновой картинкой, в таблице стилей для этого дива существует три правила, в каждом из которых прописан файл фонового изображения. При обновлении страницы рандомно подставляется одно из правил, соответственно меняется изображение.
Подскажите пожалуйста, каким образом это можно реализовать?
Буду премного благодарен за помощь в решении сего вопроса!

так там же прямо в коде скрипт написан :blink:

<script language="Javascript">
<!-- BEGIN
  var images = 3;
  var whichImage = Math.round(Math.random()*(images-1))+1;

  document.write('<div id="img_prehome'+whichImage+'">&nbsp;</div>');
  // END-->
</script>

и три картинки в css-ке

#img_prehome1,
#img_prehome2,
#img_prehome3{
   display:block;
	 width:100%;
	 min-height:45%;
	 height:45%
	 }

#img_prehome1{
	 background: url(../images/img_prehome1.jpg) no-repeat center;
}
#img_prehome2{
	 background: url(../images/img_prehome2.jpg) no-repeat center;
}
#img_prehome3{
	 background: url(../images/img_prehome3.jpg) no-repeat center;
}

 

[tigra60]

Посмотрите, как здесь сделано: http://stingrey73.ru/.

Скрипт в конце страницы (строка 324).
Сделано на jQuery.
Фоновая картинка - спрайт (4 картинки в одной, меняется позиция фона)
Кроме картинки меняется и фон шапки - светлый / темный.

 

[BaNru]

Фоновая картинка - спрайт

Жестко, для размеров более 800х200 (да и меньше) :biggrin:

 

[tigra60]

Тем не менее, грузится быстро и не тормозит.