Среда, 21.11.2018, 02:54
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » РАЗНЫЕ СКРИПТЫ УКОЗ

Делаем автоматическую смену фона сайта без перезагрузки

Делаем автоматическую смену фона сайта без перезагрузки

Привет всем! Сегодня расскажу  о том, как сделать автоматическую смену фона сайта, БЕЗ перезагрузки страницы.
Смена будет происходить плавно, с заданным интервалом.
Ну, начнем.
Этот код, вставляем в файл страницы сайта после

Код
<body>

 


 

Код
<img src="" alt="background" id="bg" style="display:none" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>  
<script type="text/javascript" class="noprint">
  var aImages = new Array();
  var aURL = new Array();
  var aArtists = new Array();
  var iPrev = -1;
  var iRnd = -1;
   
  aImages[0] = "Ваша картинка";
  aImages[1] = "Ваша картинка";
  aImages[2] = "Ваша картинка";
  aImages[3] = "Ваша картинка";
   
   

  $(document).ready(function() {
   
   
  $("img#bg").load(function()
  {
   
  $("img#bg").fadeTo(2000,1);
   
   
   
  setTimeout(function()  
  {
  $("#image_description").animate({right: '-=150'}, 1000);
  $("img#bg").fadeOut(2000);
   
   
  setTimeout(LoadImages,2500);
  }
  ,30000);
  }  
  )
   
   
  setTimeout(LoadImages,1000);
   
  });

  function LoadImage(iNr)
  {
   
  $("img#bg").attr("src", aImages[iNr]);
   
   
  };
   
  function LoadImages()
  {
   
  /* Select a random image number and make sure this is not equal to the previous image */
  while(iPrev == iRnd)
  {
  iRnd = Math.floor(Math.random()*aImages.length);
  }
   
  /* Show the selected image */
  LoadImage(iRnd);
   
  iPrev = iRnd;
   
  };
</script>


В стили вашего шаблона вставляем этот код

Код
img#bg {
  /* Stretch background */
  position: fixed;
  top:0;
  left:0;
  width:100%;
  z-index:-3;
}

 


Наслаждаемся.

 

Делаем автоматическую смену фона сайта без перезагрузки Делаем автоматическую смену фона сайта без перезагрузки

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

Похожие материалы:

Категория: РАЗНЫЕ СКРИПТЫ УКОЗ | Добавил: mytorrento | Теги: перезагрузки, без, смену, фона, автоматическую, сайта, делаем
Просмотров: 302 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Все смайлы
Код *: