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.

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
ale ja tego nie umiem

dlatego napisałem na przedszkole
prosze o pomoc

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

Google: javascript image object

Z użyciem obiektu image moze byc pewien problem wiec polecam od razu http://api.jquery.com/load-event/ dla początkujących

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

napiszesz mi ?

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

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

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

jakies pomysly ?