[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Translate:
Мини-чат
200
  
  • Страница 1 из 1
  • 1
Скрипт для автоматической плавной смены фона
TRIADAДата: Среда, 22.05.2013, 12:41 | Сообщение # 1
Группа: Проверенные
Сообщений: 518
Копируем данный код и вставляем в нижнюю часть сайта или глобальный блок с таким названием, в массив изображений можете повставлять свои примеры фонов
Код
<script src="http://triadaua.at.ua/jss/jquery.backstretch.min.js"></script>
   <script>   
   // Создаем массив изображений.   
   var images = [
   "http://triadaua.at.ua//triada/back.png",
   "http://triadaua.at.ua/fon/military.jpg",
   "http://triadaua.at.ua/fon/Grand_bazaar.jpg",
   "http://triadaua.at.ua/fon/BF3_1920x1080.jpg",
   "http://triadaua.at.ua/fon/BF3-End-Game.jpg",
   "http://triadaua.at.ua/fon/12.jpg",   
   "http://triadaua.at.ua/fon/aftermath-1920x1080.jpg",   
   "http://triadaua.at.ua/fon/Co_Op_Cover.jpg",
   ];   
     
   // Небольшой скрипт для предварительной загрузки изображений.   
   // В нем нет острой нужды, но идея хороша.   
   $(images).each(function(){   
   $('<img/>')[0].src = this;   
   };);   
     
   // Переменная index указывает на текущее используемое изображение.   
   var index = 0;   
     
   // Вызываем Backstretch в первый раз.   
   // В данном случае используется скорость в 500ms для эффекта проявления изображений.   
   $.backstretch(images[index], {speed: 1500};);   
     
   // Устанавливаем интервал, через который будет увеличиваться index и устанавливаться новое изображение.   
   // Примечание: скорость проявления будет использоваться из первого вызова плагина.   
   setInterval(function() {   
   index = (index >= images.length - 1) ? 0 : index + 1;   
   $.backstretch(images[index]);   
   }, 20000);   
   </script>
 
  • Страница 1 из 1
  • 1
Поиск:
На форуме были: