Смена картинок по таймеру
Доброго времени суток, уважаемые форумчане!
Задача поставлена следующим образом: При переходе на веб-страницу в фоне отображается анимация, затем, через 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> Проблема в том, что процесс цикличен, а мне нужно, чтоб после первой смены картинки на картинку, вторая осталась. Заранее благодарен. |
setInterval -> setTimeout
|
Часовой пояс GMT +3, время: 15:51. |