Ładowanie części grafiki (tilów), Podobnie jak w google maps. Opcje

[hao]

Witojcie! :-)

Proszę o nakierowanie mnie nieco jak zabrać się za coś takiego, jak ładowanie obrazków widocznych na stronie.
To znaczy:

Mam diva z overflow:hidden, lub iframe.

W nim jest struktura 100x100 różnych tilów w sumie o wiele większa niż okno (dla przykładu).

I jak teraz zrobić, aby ładowały się tylko obrazki widoczne?

może coś się da z mintAjaxem ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dzięki za cokolwiek i pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[sowiq]

Nakierowanie mówisz...

Po pierwsze, najważniejsze: (nie dotyczy Opery) jeśli w kodzie HTML masz 100 razy <img...>, nawet jeśli 99 z nich jest akurat niewidocznych, to i tak załaduje się wszystkie 100 obrazków.

Dlatego żeby móc ładować tylko widoczne, musisz porównywać pozycję/scroll widocznej części div'a z rozmiarami obrazków aktualnie widocznych (bo na początku widać jakieś startowe). Jeśli stwierdzisz, że obrazek jest na tyle przesunięty w którąś stronę, że widać kawałek innego, wtedy przy pomocy JS dodajesz kolejny element <img...>, albo robisz 'sztuczkę magiczkę', która odblokuje wczytanie się kolejnego obrazka do istniejącego elementu <img...>.

Trzeba też pamiętać, żeby usuwać dynamicznie niewidoczne już elementy, a nie tylko cały czas dodawać nowe, bo może się okazać, że taka aplikacja pożera sporo pamięci RAM.

Tak to widzę. Nie robiłem nigdy wcześniej czegoś takiego, ale jeśli bym się zabierał, to mniej-więcej w ten sposób (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował sowiq 17.09.2008, 00:50:18