Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Смена картинок по таймеру (https://javascript.ru/forum/dom-window/45926-smena-kartinok-po-tajjmeru.html)

Izbranniy 21.03.2014 01:38

Смена картинок по таймеру
 
Доброго времени суток, уважаемые форумчане!

Задача поставлена следующим образом:
При переходе на веб-страницу в фоне отображается анимация, затем, через 4,5 секунды она меняется на статическую картинку. Ещё через секунду на фон ложится кликабельная картинка, при нажатии на которую, разворачивается окно плеера ютубы.

<!DOCTYPE html>
<html>
 <head>
  <title>tstgames</title>
  <style>
   body {
    background: #c7b39b url([url]http://www.pictureshack.ru/images/50083_02-015-1.gif);[/url] 
   }
  </style>
  <script src="http://webuilder.info/Demo/Backstrech/jquery-1.6.4.min.js"></script> 
  <script src="http://webuilder.info/Demo/Backstrech/jquery.backstretch.min.js"></script> 
  <script> 
  var images = [ 
  "http://www.pictureshack.ru/images/38018_main_page_back.jpg" 
  ];  
  $(images).each(function(){ 
  $('<img/>')[0].src = this;  
  }); 
  var index = 0;  
  $.backstretch(images[index], {speed: 6000}); 
  setInterval(function() { 
  index = (index >= images.length - 1) ? 0 : index + 1; 
  $.backstretch(images[index]); 
  }, 5000); 
  </script>
 </head>
 <body>
 </body>
</html>


Проблема в том, что процесс цикличен, а мне нужно, чтоб после первой смены картинки на картинку, вторая осталась.

Заранее благодарен.

danik.js 21.03.2014 03:23

setInterval -> setTimeout


Часовой пояс GMT +3, время: 15:51.