[jQuery] Sekwencyjne wykonywanie .animate() a zyzucie procesora Opcje

[Sajrox]

Witam,
Otóż mam pewien problem z funkcją animate() w jQuery.
Chodzi o to że napisałem pewien widget które działa sekwencyjnie, czyli wykonuje w kółko funkcje .animate(). Niestety zauważyłem że sposób tez obciaża mocno procesor.
Dokładnie chodzi o przewijany pasek z wiadomościami (coś jak na tvn24), gdy pasek tez przejdzie caly ekran i przestanie być widoczny koncze działanie skryptu, w innym wypadku przesuwam go dalej co 800px. aż dojdzie do końca.

Kod wyglądam niej więcej tak:

[HTML] pobierz, plaintext 
function scrollLeft() {
	$('#pasek').animate({
	  left: '-=800'
	}, 300000, "linear", function(){
	  // gdy pasek jeszcze nie jest za ekranem przegladarki, ponownie uruchamiamy funkcje scrollLeft() w celu dalszego przewijania aż dojdzie do końca
	  var lastOffset = $('#pasek').find('li:last').offset();
	  if (lastOffset.left >= 0) {
		scrollLeft();
	  }
	  else {
		// gdy pasek  wyjdzie za obszar przeglądarki, konczymy dzialanie i ukrywamy go
		$('#pasek').fadeOut();
		$('#pasek').html('');
	  }
	});
}
 
scrollLeft();
[HTML] pobierz, plaintext 

czy można to jakoś zoptymalizować?

[Kemsan]

Hm, spróbuj tak - określ jaki width mają razem wszystki elemenety - czyli jaką szerokość ma cały pasek i taką odległość ustal w funkcji animate(), zastąpisz to -=800 wygenerowaną wartością width paska. Dzięki czemu funkcje wyowałasz tylko raz. Co do warunku i funkcji zawartych w else, usuń element zamiast go ukrywać.
+ Jeszcze taka rada: funkcje w jQuery możesz wykonywać w jednym ciągu tzn: $('#pasek').fadeOut().html('');

Ten post edytował Kemsan 7.05.2011, 22:50:31