Zobacz temat
Preloader strony w jQuery
|
|
kuboss6 |
Dodany dnia 22.05.2011 16:18:02
|
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41 |
Bardzo ładny preloader strony w jQuery. Efekt można zobaczyć na mojej stronie - http://soulflip.u...ontact.php Wykonanie: 1. Najpierw pobieramy plik z załącznika i foldery "js" , "css" wrzucamy na serwer gdzie jest nasza strona. 2. W pliku header.php wklejamy przed to 3. A następnie w pliku footer.php wklejamy przed to Od teraz możemy cieszyć się super preloaderem.:) PS: Jak się dodaje załączniki?
kuboss6 dodał/a następującą plik:
Edytowane przez kuboss6 dnia 22.05.2011 16:45:35 |
|
|
Wścibski Gość |
Dodany dnia 23.12.2024 03:58:12
|
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze |
|
IP: localhost | |
Chemikpil |
Dodany dnia 23.05.2011 08:21:14
|
Bywalec Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46 |
A czemu do pliku footer? Dla mnie taki preloader powinien być uruchomiony przed wczytaniem DOM, a sam DOM powinien ładować się w trakcie animacji.
Nie pisać na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej odsłonie) | ChemikPIL - My twitter |
|
|
kuboss6 |
Dodany dnia 23.05.2011 14:16:51
|
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41 |
To gdzie lepiej?? Bo do header jest bez sensu bo str się jeszcze nie załaduje a preloader już znika. (Tylko w FF bo w chrome jest normalnie) Najlepiej jest chyba dodać ten 2 kod w panel. Czyli to Wklejamy w istniejący najwyższy panel po lewej stronie. Tylko że panel musi być pod php, czyli Rozwiń Kod źródłowy PHP Edytowane przez kuboss6 dnia 23.05.2011 15:07:30 |
|
|
Crom |
Dodany dnia 23.05.2011 15:35:53
|
Początkujący Postów: 103 Pomógł: 15 Ostrzeżeń: 3 Data rejestracji: 26.08.2010 20:59 |
Bo do header jest bez sensu bo str się jeszcze nie załaduje a preloader już znika. Jeśli tak, to po prostu należałoby go wczytać, gdy strona się załaduje. Nie jestem do końca przekonany, czy to da oczekiwany rezultat, ale warto spróbować. Rozwiń Kod źródłowy JAVA Ogólnie istnieje zasada, żeby unikać implementowania kodów javascript w samych tagach <body>, ponieważ może to wywołać chociażby nieoczekiwane rezultaty lub niewłaściwe działanie strony. Do tego służy tag <head>, w którym należy umieścić ścieżkę źródłową do pliku js. Ja proponuję wrzucić to w header.php, między tagami <head></head>: Rozwiń Kod źródłowy PHP Stworzyć plik o nazwie jquery.preloader.js i wrzucić go w katalog includes: Rozwiń Kod źródłowy JAVA |
|
|
kuboss6 |
Dodany dnia 23.05.2011 16:02:02
|
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41 |
I juz bez tego?? Jeśli tak, to po prostu należałoby go wczytać, gdy strona się załaduje. Nie jestem do końca przekonany, czy to da oczekiwany rezultat, ale warto spróbować. Ale to też nie za dobrze bo będzie widać str przy ładowaniu. Edytowane przez kuboss6 dnia 23.05.2011 16:03:44 |
|
|
Crom |
Dodany dnia 23.05.2011 16:04:03
|
Początkujący Postów: 103 Pomógł: 15 Ostrzeżeń: 3 Data rejestracji: 26.08.2010 20:59 |
Tak. Wystarczy zaimplementować tamten kod, co dałem wyżej. |
|
|
kuboss6 |
Dodany dnia 23.05.2011 16:14:19
|
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41 |
W chrome wygląda to tak samo jak wcześniej a w ff teraz widać na początku str przez 1s i potem włącza się preloader |
|
|
Crom |
Dodany dnia 23.05.2011 16:22:25
|
Początkujący Postów: 103 Pomógł: 15 Ostrzeżeń: 3 Data rejestracji: 26.08.2010 20:59 |
Ok. Teraz zaglądałem na oficjalną stronę tej wtyczki. Rzeczywiście całość trzeba wkleić na samym dole tuż przed </body> ze względu na fakt, że najpierw ładowany jest cały PHP, potem HTML i obrazki. Teraz przetwarza całą stronę, składa w pamięci podręcznej, a następnie wyświetla, więc jeśli najpierw załadujemy całą treść strony i na koniec tę wtyczkę, to wszystko powinno być w porządku. |
|
|
piotrvx |
Dodany dnia 31.05.2011 11:09:49
|
Przedszkolak Postów: 32 Ostrzeżeń: 2 Data rejestracji: 15.08.2009 23:27 |
Jak zrobić ten preloader aby wyświetlał się tylko przy wejściu na forum lub inna konkretna stronę?
Edytowane przez Pieka dnia 31.05.2011 15:40:56 |
|
Przejdź do forum: |