Главная » 2012 » Март » 15 » Смена фона при перезагрузке страницы (Javascript)
15.03.2012, 13:22

Смена фона при перезагрузке страницы



Описанный js-скрипт ниже является одним из вариантов - смены фоновой картинки сайта. Каждый раз после обновления будет подгружаются фоновые изображения в случайном порядке.

Установка:

Для начала необходимо создать папку imgfon и загрузить в нее подготовленные фоновые изображения. Все картинки необходимо переименовать по шаблону: число.jpg, пример: 1.jpg, 2jpg и т.д.
Затем тегу боди присваиваем id="imgfon".
Копируем и вставляем между тегами <head>...</head> ниже приведенный код:
Code
<script type="text/javascript">
  window.onload = changeBG;
  function changeBG() {
  var first = 1;  
  var last = 4;  
  var path = '/imgfon/';  
  var img_src = 'url("' + path + getRandomInt(first,last) + '.jpg")';
  var div = document.getElementById("main");
  div.style.backgroundImage=img_src;
  }
  function getRandomInt(min, max)
  {
  return Math.floor(Math.random() * (max - min + 1)) + min;
  }
  </script>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3806 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: перезагрузке, При, смена, фона, страницы
Всего комментариев: 6
-9  
1 azeriwka   (15.03.2012 19:00) [Материал]
Аватар пользователя
*реклама*

+2  
2 Arhim   (15.03.2012 19:11) [Материал]
Аватар пользователя
Это не рекламная площадка! cranky

+2  
3 Silver   (15.03.2012 21:07) [Материал]
Аватар пользователя
бан ему

-3  
4 Radic   (17.03.2012 13:17) [Материал]
Аватар пользователя
*Мат* не работает и коряво все описано!

+3  
5 frenkmalcov   (17.03.2012 14:29) [Материал]
Аватар пользователя
описано все отлично, и все отлично работает

0  
6 salabaikin   (06.06.2012 15:37) [Материал]
Аватар пользователя
у меня не работает!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]