Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] animacja podczas wczytywania div
Forum PHP.pl > Forum > Gotowe rozwiązania
northwest
Witam serdecznie,
chciałbym odświeżać co 10 sekund div'a (mam w nim okienko z aktualnościami).
Kombinuję z takim czymś:

  1. var wykluczmnie = $("#myidtoshow").val();
  2. $("#load_content").load("<?php echo $gt_myurl;?>load_wiadomosci.php?wyklucz="+wykluczmnie);
  3. setInterval(function () {
  4. var wykluczmnie = $("#myidtoshow").val();
  5. $("#load_content").animate({"opacity": "0"},500);
  6. $("#load_content").load("<?php echo $gt_myurl;?>load_wiadomosci.php?wyklucz="+wykluczmnie);
  7. $("#load_content").animate({"opacity": "100"},500);
  8. }, 5000);
  9. });


tylko jest problem z animacją podczas wczytywania diva - obrazek znika, następnie "zacina się" i pokazuje kolejny news...

Wie ktoś może jak to poprawić?


Northwest
trueblue
Obydwie funkcje (animate, load) mają możliwość podpięcia funkcja na zdarzenie "complete", tam po kolei zagnieżdżaj funkcje.
northwest
mógłbym prosić o przykład?smile.gif
trueblue
http://api.jquery.com/animate/
northwest
kurczę próbuję to połączyć, ale nie chce mi działać sad.gif Mógłbym prosić o przykład jak to zmontować żeby działało?
trueblue
Pokaż jak połączyłeś.
northwest
  1. $('#load_content').load("<?php echo $gt_myurl;?>load_wiadomosci.php?wyklucz="+wykluczmnie).animate({
  2. "opacity": "0"
  3. }, {
  4. complete: function () {
  5. setInterval(function () {
  6. var wykluczmnie = $("#myidtoshow").val();
  7. $("#load_content").animate({"opacity": "100"},500);
  8. $("#load_content").load("<?php echo $gt_myurl;?>load_wiadomosci.php?wyklucz="+wykluczmnie);
  9. }, 5000);
  10. }
  11. });
trueblue
  1. var wykluczmnie = $("#myidtoshow").val();
  2. $("#load_content").load("<?php echo $gt_myurl;?>load_wiadomosci.php?wyklucz="+wykluczmnie);
  3.  
  4. setInterval(function () {
  5. var wykluczmnie = $("#myidtoshow").val();
  6. $("#load_content").animate({"opacity": "0"},500,function(){
  7. $("#load_content").load("<?php echo $gt_myurl;?>load_wiadomosci.php?wyklucz="+wykluczmnie); //tu trzeba zrobić podobnie jak wyżej i wywołać linijkę poniższą
  8. $("#load_content").animate({"opacity": "100"},500);
  9. });
  10. },5000);
  11.  
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.