🚀 go-pugleaf

Firefox traktuje stronę za załadowaną, gdy pobierze HTML, CSS, skrypty
i wszystkie obrazki <img>. Nie wiem, jak jest w IE. Dodatkowo Opera
pobiera obrazki dopiero wtedy, gdy są potrzebne - przynajmniej starsze
wersje.

Tworzę nową platformę dla gry logiczno-przygodowej. Postanowiłem, że
obrazy pokojów będą po prostu tłami. Podobnie inne obiekty znajdujące
się w nich. Po to, aby zwiększyć stabilność interfejsu.

Dopóki nie załaduje się grafika, gra wyświetla komunikat
"Ładowanie..."

Teraz nie ma takiej pewności. Jeśli prawie wszystko będzie tłem,
przeglądarka natychmiast wyświetli pierwszy pokój. Porażka na wejście.
Obrazki (tła) wciąż będą ładować się. Gracze z szybkim łączem tego
nawet nie zauważą, ale są możliwe sytuacje, w których transfer jest
mocno spowolniony. I jak tu można grać?

Preload w stylu new Image(...).src = ""; też nie jest najlepszym
wyjściem. Nigdy nie wiadomo, jak zachowa się przeglądarka. Jeżeli
mechanizm CACHE jest wyłączony - wtedy zacznie ściągać osobno grafikę
do Image i do background-image? Przeglądarka napotyka new Image().src
= "" i rozpoczyna pobieranie obrazka. Następnie zauważa background-
image: url(). Czy wtedy czeka po prostu, aż pobierze się new Image
()... czy pobiera go drugi raz równorzędnie? Chodzi o wszystkie
przeglądarki.

Teraz inna sytuacja. Pobieram kod XHTML za pomocą AJAX. Tam znajdują
się obrazki <img>. Mogę przejść dalej, gdy są załadowane. Tylko jak to
sprawdzić? Własność responseText wyniesie 4, gdy przeglądarka pobierze
XHTML, ale obrazki mogą wciąż ładować się. Czy w tej sytuacji
pozostaje tylko preload new Image() albo document.getElementsByTagName
('img') i sprawdzanie, czy został pobrany...?

Dlaczego AJAX? Otóż na początku pojawi się widok wszystkich dostępnych
etapów. Po kliknięciu 1 z nich do akcji wkracza AJAX, który ładuje
XHTML.

Zatem co radzicie?