» » » » Скрипт автоматической смены фона для сайта

Давно искал такой скрипт, который бы автоматически менял фоновое изображение на сайте. Вы наверное видели на многих joomla шаблонах такое решение. Фон будет автоматически растягиваться на весь размер окна при любых изменениях. Есть два варианта, первый меняет фоновое изображение на сайте автоматически, второй же по клику на соответствующие кнопки. Второй вариант не эффективный, так как к нему не подключены куки, более того в интернете уже существуют подобные скрипты с куками.

Для установки данного скрипта на сайт, вам нужно всего лишь установить этот код в нижнюю часть сайта:
Код
<script src="/Demo/Backstrech/jquery-1.6.4.min.js"></script>
  <script src="/Demo/Backstrech/jquery.backstretch.min.js"></script>
  <script>
  // Создаем массив изображений.
  var images = [
  "/Demo/Backstrech/pot-holder.jpg",
  "/Demo/Backstrech/coffee.jpg"
  ];
   
  // Небольшой скрипт для предварительной загрузки изображений.
  // В нем нет острой нужды, но идея хороша.
  $(images).each(function(){
  $('<img/>')[0].src = this;  
  });
   
  // Переменная index указывает на текущее используемое изображение.
  var index = 0;
   
  // Вызываем Backstretch в первый раз.
  // В данном случае используется скорость в 500ms для эффекта проявления изображений.
  $.backstretch(images[index], {speed: 500});
   
  // Устанавливаем интервал, через который будет увеличиваться index и устанавливаться новое изображение.
  // Примечание: скорость проявления будет использоваться из первого вызова плагина.
  setInterval(function() {
  index = (index >= images.length - 1) ? 0 : index + 1;
  $.backstretch(images[index]);
  }, 5000);
  </script>


Все поля подписаны, вам необходимо будет изменить их под себя.
Готово. Скрипт должен работать, так как сам неоднократно проверял его.

  Просмотров: 11146 | Категория: Скрипты | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.