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