Problem z działaniem prostego skrypu Opcje

[black_jack]

Siemka,

[HTML] pobierz, plaintext 
$(document).ready(function(){ 
 
		do {
				setTimeout("$('div#product1').css('display', 'block')" , 1);
				setTimeout("$('div#product1').animate({ opacity: 0}, 800)", 5000);	
				setTimeout("$('div#product1').css('display', 'none')" , 5800);
				setTimeout("$('div#product2').css('display', 'block')" , 5801);
				setTimeout("$('div#product2').animate({ opacity: 0}, 800)", 10000);
				setTimeout("$('div#product2').css('display', 'none')" , 10800);
				setTimeout("$('div#product3').css('display', 'block')" , 10801);
				setTimeout("$('div#product3').animate({ opacity: 0}, 800)", 15000);
				setTimeout("$('div#product3').css('display', 'none')", 15800);
		} while (true);	
 
});
[HTML] pobierz, plaintext 

Nie rozumie zasady działania JQuery. Ten skrypt to bardzo prosty zarys działania mojego małego slidera. Przy chęci użycia powyższego kodu nawet dokument się nie załaduje a już zawieszona przeglądarka. Czemu kod wywołuje się co chwilę zamiast zaczekać na wykonanie instrukcji z do?

Proszę o pomoc w zapętleniu tych prostych instrukcji w nieskończoność.

[Damonsson]

A co jakbyś miał 20 produktów? ;P

Porównaj sobie np z tym: http://www.queness.com/post/152/simple-jqu...sparent-caption

[mortus]

W JavaScript-cie instrukcje na tym samym poziomie zagłębienia wykonywane są niejako "równolegle", zatem każdy setTimeout wykonuje się w tym samym czasie i pętla do ... while kontynuuje od razu działanie. W ogóle w implementacji takiego slider-a żadna pętla nie jest potrzebna, a tym bardziej pętla nieskończona, można przecież użyć właśnie setTimeout.

Ten post edytował mortus 29.04.2012, 21:49:31

[black_jack]

No ale jak. Praktycznie na javascript przesiadłem się z cpp. To jest dla mnie niewyobrażalne (IMG:style_emoticons/default/sad.gif) ((((