Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][PHP]Preloader dla PNG ?
Maker5
post
Post #1





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 2.04.2008

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


Witam.
Mam taki problem.

Mam duży obrazek jako tło strony w png, zajmuje 1 MB, jak zrobić żeby zanim ktoś zobaczy stronę najpierw wczytał się ten obrazek i było to pokazane że coś się ładuje jakiś preloader.

Wygląda to tak.
Robię stronę www.
1 strona w katalogu root to będzie index.html i to będzie strona powitalna, typu witamy na naszej stronie etc.
Chciałbym na niej umieścić jakiś preloader albo coś w tym stylu który ładowałby co cache automatycznie w tle kolejną stronę z katalogu np. /aktualności/index.html
na tej stronie właśnie jest umieszczony jako tło ten obrazek PNG.

jak już wczyta się ten obrazek PNG to strona powitalna pokaże postronę aktualności.

znacie jakies rozwiazanie ?

nie wiem jakiego jeżyka to tego użyć, preloader we flash mógłby zadziałać z actionscript ale sam czysty PNG musiałby być osadzony w divie.
Go to the top of the page
+Quote Post
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




W spróbuj w javascript użyc obiektu image. Badz po prostu utworzyć ukryty obrazek z twoim tlem i dorzucic do niego obsługę zdarzenia onLoad.
Go to the top of the page
+Quote Post
Maker5
post
Post #3





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 2.04.2008

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


Cytat(wookieb @ 22.03.2010, 11:18:58 ) *
W spróbuj w javascript użyc obiektu image. Badz po prostu utworzyć ukryty obrazek z twoim tlem i dorzucic do niego obsługę zdarzenia onLoad.


uuu (IMG:style_emoticons/default/sad.gif)
ale ja tego nie umiem (IMG:style_emoticons/default/sad.gif)

dlatego napisałem na przedszkole (IMG:style_emoticons/default/sad.gif)
prosze o pomoc
Go to the top of the page
+Quote Post
Fifi209
post
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


Cytat(Maker5 @ 22.03.2010, 11:20:58 ) *
uuu (IMG:style_emoticons/default/sad.gif)
ale ja tego nie umiem (IMG:style_emoticons/default/sad.gif)

dlatego napisałem na przedszkole (IMG:style_emoticons/default/sad.gif)
prosze o pomoc

Dlatego też dostałeś podpowiedź... ciężko poszukać?

Google: javascript image object
Go to the top of the page
+Quote Post
wookieb
post
Post #5





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Z użyciem obiektu image moze byc pewien problem wiec polecam od razu http://api.jquery.com/load-event/ dla początkujących (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Maker5
post
Post #6





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 2.04.2008

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


Cytat(wookieb @ 22.03.2010, 11:33:08 ) *
Z użyciem obiektu image moze byc pewien problem wiec polecam od razu http://api.jquery.com/load-event/ dla początkujących (IMG:style_emoticons/default/smile.gif)


a na przykładzie index.html jak to zrobic ?

napiszesz mi ?
Go to the top of the page
+Quote Post
melkor1984
post
Post #7





Grupa: Zarejestrowani
Postów: 37
Pomógł: 5
Dołączył: 3.02.2009

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


Może zanim się uporasz z tym loaderem to spróbuj zmniejszyć obrazek?

Jeżeli nie musi być to PNG to może wstaw JPG z kompresją...
chociaż to już zależy od tego co to za obrazek, co przedstawia i czy musi być super jakości....

Cytat(Maker5 @ 22.03.2010, 11:40:22 ) *
a na przykładzie index.html jak to zrobic ?

napiszesz mi ?


tu masz przykład: http://jsbin.com/asizo/edit
możesz edytować nawet i sprawdzić pogląd (IMG:style_emoticons/default/smile.gif)

Ten post edytował melkor1984 22.03.2010, 11:45:22
Go to the top of the page
+Quote Post
Maker5
post
Post #8





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 2.04.2008

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


Cytat(melkor1984 @ 22.03.2010, 11:44:28 ) *
Może zanim się uporasz z tym loaderem to spróbuj zmniejszyć obrazek?

Jeżeli nie musi być to PNG to może wstaw JPG z kompresją...
chociaż to już zależy od tego co to za obrazek, co przedstawia i czy musi być super jakości....



tu masz przykład: http://jsbin.com/asizo/edit
możesz edytować nawet i sprawdzić pogląd (IMG:style_emoticons/default/smile.gif)



mam pytania odnośnie tego.
czyli w body wstawiam obrazek
a kod js gdzie zapisuje ?

i co się stanie jak strona sie zaladuje ?

nie to powyzej nie dziala tak jak chce (IMG:style_emoticons/default/sad.gif)

ja chce zeby najpierw wczytalo obrazek z dzialu aktualnosci a dopiero pozniej na ta strone aktualnosci przekierowalo przegladajacego.

jakies pomysly ?
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 20:29