[JavaScript][PHP]Preloader dla PNG ? Opcje

[Maker5]

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.

[Maker5]

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 ?