Автоматическая смена фона/картинки без перезагрузки страницы ...
Решение на Java Script, следовательно ничего сложного ...
Работу скрипта можете посмотреть Тут
Вот этот скрипт, в самый низ после .
Картинки меняем на свои...
Code
<script type="text/javascript">
var imgBg=new Array();
imgBg[0]='http://stalker-worlds.ru/imgfon/4.jpg';
imgBg[1]='http://bar-reaktor.ru/img/55533332.jpg';
imgBg[2]='http://stalker-worlds.ru/imgfon/2.jpg';
imgBg[3]='http://stalker-worlds.ru/imgfon/3.jpg';
showImg=function(){
document.getElementsByTagName('body')[0].style.backgroundImage='url('+imgBg[Math.floor(Math.random()*(imgBg.length))]+')';}
setInterval(showImg,10000);
window.onload=showImg;
</script>
картинок можете добавить до 7 :)
Code
imgBg[0]='http://ваша картинка';
imgBg[1]='http://ваша картинка';
imgBg[2]='http://ваша картинка';
imgBg[3]='http://ваша картинка';
imgBg[4]='http://ваша картинка';
imgBg[5]='http://ваша картинка';
imgBg[6]='http://ваша картинка';
Но учтите что вес их должен быть до 100кб
Скрипт загрузит все картинки в кеш, а уж потом начнёт ротацию
(потому загрузка страницы с большими фонами будет идти долго)
А это ротатор Шапки
Ставим в верхний глобальный блок, в самый низ.
Code
<script type="text/javascript">
var imgBg=new Array();
imgBg[0]='http://ваша картинка';
imgBg[1]='http://ваша картинка';
imgBg[2]='http://ваша картинка';
imgBg[3]='http://ваша картинка';
imgBg[4]='http://ваша картинка';
imgBg[5]='http://ваша картинка';
imgBg[6]='http://ваша картинка';
showImg=function(){
document.getElementById('header').style.backgroundImage='url('+imgBg[Math.floor(Math.random()*(imgBg.length))]+')';
}
setInterval(showImg,15000);
window.onload=showImg;
</script>
Картинки ставим свои.
