1

Перейти к содержимому


       Торент трекер от http://stalker-worlds.ru        Хранилище сайта http://stalker-worlds.ru        Онлайн Сталкер Канал Унесенные Сталкером Присоединяйся к нашему сообществу на facebook Вступай в нашу группу в контакте


Добро пожаловать к нам на сайт! Про Ваш статус и права можно прочитать в Этой теме

Для просмотра картинок и скачивания файлов с форума - пройдите регистрацию!   Проблемы с регистрацией - вам сюда


Фотография

Cмена фона сайта без перезагрузки страницы от RUS_D


  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1
RUS_D

RUS_D

    Главный АДМИН

  • Не в сети
  • Тех. Админ
  • админ Администратор
  • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-December 08
  • 2987 Cообщений
  • Пропуск №: 2


Репутация: 6803 Постов: 2987
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.
Автоматическая смена фона/картинки без перезагрузки страницы ...
Решение на 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 :)
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>


Картинки ставим свои.

"Бить не нужно, а не вникнут - разъяснять" © В.С. Высоцкий
я в скайпе - rus_did
Мои детство и юность прошли без Интернета. Может быть, поэтому я понимаю, что за языком надо следить, а за слова отвечать.


#2
RUS_D

RUS_D

    Главный АДМИН

  • Не в сети
  • Тех. Админ
  • админ Администратор
  • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-December 08
  • 2987 Cообщений
  • Пропуск №: 2


Репутация: 6803 Постов: 2987
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.
Автоматическая смена фона/картинки без перезагрузки страницы ...
Решение на 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 :)
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>


Картинки ставим свои.

"Бить не нужно, а не вникнут - разъяснять" © В.С. Высоцкий
я в скайпе - rus_did
Мои детство и юность прошли без Интернета. Может быть, поэтому я понимаю, что за языком надо следить, а за слова отвечать.



Обратно в Всё для Вебмастера


Количество пользователей, читающих эту тему: 0

0 members, 0 guests, 0 anonymous users

яндекс.метрика
Button automatically alert search engines 31x31 WHOIS.UANIC.NAME - Identify traffic by Google

реклама на сайте подключена