ДЕЛАЕМ АВТОМАТИЧЕСКУЮ СМЕНУ ФОНА САЙТА БЕЗ ПЕРЕЗАГРУЗКИ
 Главная  » Все для Ucoz» Скрипты для Ucoz

Автор Сообщение


Новое 08 Ноя 17 в 20:42

 



Название: ДЕЛАЕМ АВТОМАТИЧЕСКУЮ СМЕНУ ФОНА САЙТА БЕЗ ПЕРЕЗАГРУЗКИ
Жанр: Скрипты
Автор: Mytorrento

Описание: Привет всем! Сегодня расскажу о том, как сделать автоматическую смену фона сайта, БЕЗ перезагрузки страницы.
Смена будет происходить плавно, с заданным интервалом.
Ну, начнем.
Этот код, вставляем в файл страницы сайта после
Код
<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;
}






     







[Профиль] [ЛС]
Быстрый ответ ДЕЛАЕМ АВТОМАТИЧЕСКУЮ СМЕНУ ФОНА САЙТА БЕЗ ПЕРЕЗАГРУЗКИ
Текст сообщения




Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы можете скачивать файлы





!ВНИМАНИЕ!
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете, чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами, и мы незамедлительно удалим ее. Файлы для обмена на трекере предоставлены пользователями сайта, и администрация не несет ответственности за их содержание. Просьба не заливать файлы, защищенные авторскими правами, а также файлы нелегального содержания! У нас вы сможете скачать торренты бесплатно без регистрации и смс. Зайдя на наш сайт вам не нужно регистрироваться и платить за скачивание. У нас доступно для скачивания множество категорий. Благодаря нашему легкому интерфейсу вы без труда сможете Скачать фильмы в хорошем качестве через торрент, Скачать cериалы в хорошем качестве через торрент, Скачать мультфильмы через торрент. Так же вы можете для своего компьютера скачать самые классные программы, это утилиты, операционные системы, браузеры и т.д. Посещайте наш сайт и качайте сколько душе угодно.

Привет, меня зовут Ёко, я что-то типа ангела хранителя Mytorrento.ru. Унас Вы найдете много интересного! (К тому же абсолютно бесплатно и наши Админы очень приветливы. А пока я могу только предложить зарегистрироваться или войти через соцсеть.)