Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Opoznienie fadeIn()
Forum PHP.pl > Forum > Przedszkole
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 :

  1. $("#main-nav li").fadeOut(1000).fadeTo(5000, 0).fadeIn(1000);


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().....
erix
A jak dasz fadeIn jako callback do fadeTo?
Wolfie
Jesli dobrze zrozumialem i dobrze zrobilem :

  1. $('#TRESC').load('aktualnosci.php').fadeOut(2000).fadeTo(2000,0, function() {
  2. $(this).fadeIn(2000);
  3. });


To tez nie działa.......
erix
Cytat
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); });
Wolfie
Rozwiazalem to troche inaczej :

Znalazlem plugin delay :

  1. $.fn.delay = function( time, name ) {
  2.  
  3. return this.queue( ( name || "fx" ), function() {
  4. var self = this;
  5. setTimeout(function() { $.dequeue(self); } , time );
  6. } );
  7. };


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

  1. $('#TRESC').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);


Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.