[jQuery] Opoznienie fadeIn() Opcje

[Wolfie]

Witam,


Przeczytalem kilka tutkow o tym jak zrobic opozniony fadeIn() w jQuery, kilka razu uzyskalem efekt ale odwrotny niz zamierzony, bo zamias element pojawiac sie - znikal, ale mniejsza z tym, znalazlem najprostsze rozwiazanie ktore powinno dzialac :

[HTML] pobierz, plaintext 
$("#main-nav li").fadeOut(1000).fadeTo(5000, 0).fadeIn(1000);
[HTML] pobierz, plaintext 

No ale niestety, elemnent znika ale pozniej juz sie nie pojawia

Co moze byc nie tak ?

Tzn normalnie odpala sie funkcja fadeOut() nastepnie fadeTo() ale juz fadeIn nie dziala........zatrzymuje sie na fadeTo().....

Ten post edytował Wolfie 8.09.2009, 19:31:51

[erix]

A jak dasz fadeIn jako callback do fadeTo?

[Wolfie]

Jesli dobrze zrozumialem i dobrze zrobilem :

[HTML] pobierz, plaintext 
$('#TRESC').load('aktualnosci.php').fadeOut(2000).fadeTo(2000,0, function() {
        $(this).fadeIn(2000);
});
[HTML] pobierz, plaintext 

To tez nie działa.......

[erix]

fadeOut(2000).fadeTo(2000,0,

Jak chcesz od zera do zera wygasić...?

[mls]

Generalnie należy zrozumieć, że po to są callbacki, żeby z nich korzystać. Animacje, tak jak i w większości przypadków np. XHR, działają asynchronicznie. Koniec wykonania każdej animacji nie jest zaraz po kropce czy średniku, ale właśnie w funkcji callback...

Kod

$("#main-nav li").fadeOut(1000, function () { setTimeout(function () { $('#main-nav li').fadeIn(1000); }, 5000); });

Ten post edytował mls 8.09.2009, 23:39:38

[Wolfie]

Rozwiazalem to troche inaczej :

Znalazlem plugin delay :

[HTML] pobierz, plaintext 
$.fn.delay = function( time, name ) {
 
    return this.queue( ( name || "fx" ), function() {
        var self = this;
        setTimeout(function() { $.dequeue(self); } , time );
    } );
    };
[HTML] pobierz, plaintext 

A nastepnie wykonalem taki kod , fadeOut ustawiony na 1ms , tak przechytrzylem oko uzytkownika

[HTML] pobierz, plaintext 
$('#TRESC').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);
[HTML] pobierz, plaintext 

Pozdrawiam

Ten post edytował Wolfie 9.09.2009, 11:49:45