clearInterval в ослах

Сообщения: 71 Репутация: N Группа: Адекваты

18 октября 2010 г. 17:15, спустя 4 секунды

Стояла задача сделать автоматически меняющиеся картинки, а также кнопки для перехода на нужную картинку, написал JS код, работает в мозилле, в опере нормально, а в IE не срабатывает clearInterval, т.е. автоматически работает нормально, а при нажатии на кнопки, с каждым новым нажатием прибавляет еще интервалов и начинается такое сука мелькание. Проверил 6-ю и 7-ю версии. Подскажите в чем может быть дело.

Код:


var dInt="";

function init(duration) {
	var i = -1;
	startplay(duration,i);
}

function startplay(duration,i) {
	i++;
	window.clearInterval(dInt);
	switch(i) {
		case 0:
		$('.container .img').fadeOut(300,function(){ 
			$('.container .img').css('background','url("/images/image-1.jpg") no-repeat');
			$('.container .img').fadeIn(300,function(){dInt=setInterval(function(){startplay(duration,i);}, duration);});
		});
		break;

		case 1:
		$('.container .img').fadeOut(300,function(){ 
			$('.container .img').css('background','url("/images/image-2.jpg") no-repeat');
			$('.container .img').fadeIn(300,function(){dInt=setInterval(function(){startplay(duration,i);}, duration);});
		});
		break;

		case 2:
		$('.container .img').fadeOut(300,function(){ 
			$('.container .img').css('background','url("/images/image-3.jpg") no-repeat');
			$('.container .img').fadeIn(300,function(){dInt=setInterval(function(){startplay(duration,i);}, duration);});
		});
		break;

		case 3:
		init(duration);
		break;

	}
}

$(document).ready(function()
{
$("button#button1").click(function(){$(this).blur();startplay(5000,-1);});
$("button#button2").click(function(){$(this).blur();startplay(5000,0);});
$("button#button3").click(function(){$(this).blur();startplay(5000,1);});
});

window.onload = init(5000);

drugoi

Сообщения: 71 Репутация: N Группа: Адекваты

18 октября 2010 г. 17:04, спустя 23 часа 48 минут 42 секунды

Черт))) Проблема оказалась банальной))) закешировался js файл. Когда грохнул кэш вручную все заработало.

drugoi

Сообщения: 71 Репутация: N Группа: Адекваты

18 октября 2010 г. 17:15, спустя 11 минут

…если кому надо - почти готовое решение, осталось добавить непосредственно HTML код ну и картинки.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
.container, .img, .buttons {width:640px;}
.img {height:480px; margin:0 0 20px 0;}
</style>
<script>
/*

… JS код из первого поста

*/
</script>
</head>
<body>
	<div class="container">
    	<div class="img"></div>
        <div class="buttons" align="left">
			<button id='button1'> 1 </button> <button id='button2'> 2 </button> <button id='button3'> 3 </button>
        </div>
    </div>
</body>
</html>

phpdude

Сообщения: 26646 Репутация: N Группа: в ухо

18 октября 2010 г. 17:15, спустя 14 секунд

Черт))) Проблема оказалась банальной))) закешировался js файл. Когда грохнул кэш вручную все заработало.
лол

решение на самом деле бесполезное, ибо влоб под 3 картинки, согласись :))

Сапожник без сапог
drugoi

Сообщения: 71 Репутация: N Группа: Адекваты

18 октября 2010 г. 17:22, спустя 7 минут 5 секунд

ну почему на 3 дуд? если добавить в переключатель еще кейсов, то там сколько угодно можно картинок, вопрос скорей в том почему я сюда не добавил какой-нить JS пагинатор…
ну это поправимо, ща))
Спустя 245 сек.
вообще чтоб вручную не писать, можно в цикл, да и прям из базы например
phpdude

Сообщения: 26646 Репутация: N Группа: в ухо

18 октября 2010 г. 17:27, спустя 4 минуты 15 секунд

drugoi, :)

Сапожник без сапог
drugoi

Сообщения: 71 Репутация: N Группа: Адекваты

18 октября 2010 г. 17:28, спустя 1 минуту 36 секунд

добавить скролл слою с кнопками, можно даже превью картинок, но это тогда будем изобретать велосипед, таких скриптов в нете навалом, да и покруче чем этот говнокод))))))
Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

22 октября 2010 г. 19:04, спустя 4 дня 1 час 36 минут

ТС трешер

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

clearInterval в ослах

Войти