• Страница 1 из 1
  • 1
Cмена фона сайта без перезагрузки страницы от RUS_D
LENAДата: Среда, 08.08.2012, 15:04 | Сообщение # 1

Администратор

Сообщений: 1043
Репутация: 84

Статус:
Автоматическая смена фона/картинки без перезагрузки страницы ...
Решение на Java Script, следовательно ничего сложного ...
Работу скрипта можете посмотреть Тут

Вот этот скрипт, в самый низ после
Code
</body>
.
Картинки меняем на свои...

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 smile
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>


Картинки ставим свои.
  • Страница 1 из 1
  • 1
Поиск:
Посетители дня
Посетители:

Главная | Форум | Файлы | Статьи | Галерея

   |