Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Opóźnienie ładowania strony
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
SpiJay
Hej,

potrzebuję małej porady dot. opóźnienia wczytania strony.

Otóż, np. chciałbym zrobić coś ala Colorbox, ale w inny sposób:
1. Klikasz na link "TEST",
  1. <a href="test.htm">TEST</a>


2. po czym w jQuery ściemniam ekran:
  1. $(document).ready(function(){
  2. $("#telefon").click(function(){
  3. $("#blacknone").fadeIn(400);
  4. });
  5. });

  1. #blacknone { position: absolute; top: 0; left: 0; z-index: 10000; background: url('../images/colorbox/bg_transparent.png'); width: 100%; height: 100%; display: none; }


3. Po tym czasie fadeIn(400); dopiero następuje załadowanie strony test.htm...
4. Plik test.htm posiada już ściemniony ekran w sposób:
  1. #blacknone { position: absolute; top: 0; left: 0; z-index: 10000; background: url('../images/colorbox/bg_transparent.png'); width: 100%; height: 100%; }


Tadaaa, koniec.

Tylko jak opóźnić te wczytywanie strony aby animacja zdążyła się dokończyć questionmark.gif?
Arcioch
Chodzi Ci o to aby strona wczytywała się dopiero jak fadeIn() się wykona? smile.gif
Jeżeli tak to wystarczy zajrzeć do dokumentacji i zobaczyć ja wygląda budowa funkcji fadeIn().
Masz tam coś takiego jak callback czyli działanie jak się wykona funkcja smile.gif
Dajesz tak:

  1. $(document).ready(function(){
  2. $("#telefon").click(function(){
  3. $("#blacknone").fadeIn(400, function() {
  4. alert('teraz ładuj stronę');
  5. });
  6. });
  7. });
SpiJay
Okej, tylko mi chodzi, co mam zawrzeć w miejscu gdzie jest alert (nawiązując do Twojego przykładu) questionmark.gif

questionmark.gif
viking
http://api.jquery.com/load/ ?
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.