Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Opóźnienie ładowania strony
SpiJay
post 5.11.2012, 15:00:59
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 18.11.2009
Skąd: Grudziądz

Ostrzeżenie: (0%)
-----


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?


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
Arcioch
post 5.11.2012, 15:11:44
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
-----


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. });
Go to the top of the page
+Quote Post
SpiJay
post 5.11.2012, 18:31:26
Post #3





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 18.11.2009
Skąd: Grudziądz

Ostrzeżenie: (0%)
-----


Okej, tylko mi chodzi, co mam zawrzeć w miejscu gdzie jest alert (nawiązując do Twojego przykładu) questionmark.gif

questionmark.gif


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
viking
post 5.11.2012, 18:38:44
Post #4





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


http://api.jquery.com/load/ ?


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:25