Witam

Przejdę do sedna. Funkcja w advAJAX zwraca mi obj.responseText w którym jest tabela. Kazda komórka ma tło

Teraz, jak przyspieszyc wczytywanie tego tła (nie mówcie żebym sobie szybsze łącze załatwił ). Czy poprzez zrobienie klasy w css:



#tla
{
background-image:url('link_do_img');
background-image:url('link_do_img2');
background-image:url('link_do_img3');
background-image:url('link_do_img4');
background-image:url('link_do_img5');
}

i wrzucenie diva o display:none z id='tla'
cos uzyskam ?


Z góry dziękuję za odpowiedź

Jeśli otrzymujesz to za pomocą ajaxa to nie przyśpieszysz.

Pierwszy pomysł to za pomocą stylów. To może trochę przyśpieszyć.

Drugi pomysł to ustawienie tej tabeli jako niewidocznej (visible="none"). A następnie otrzymanie za pomocą ajaxa funkcji która ustawi tą tabele na widoczną.

Tabela jest pobierana z bazy danych no cóż. To dzięki. Moze ktoś jeszcze coś napisze a jak nie to trudno

Tabelę możesz sobie pobierać z bazy, ale obrazki lepiej z plików. I teraz jeśli tych obrazków jest określona ilość, to najpierw na stronie załaduj je wszystkie do niewidocznego div'a (albo inną metodą zrób preloading) a potem jak będziesz przypisywał je jako tło do tabeli, to będą już w pamięci przeglądarki więc będzie szybko.
Gorsza sprawa jeśli to ma być naprawdę dynamiczne wczytywanie grafiki (czyli za każdym razem obrazek tła będzie inny, np. generowany w php) - wtedy przyspieszyć się za bardzo nie da.

Z tego, co zdążyłem zauważyć, FF na przykład nie ładuje niepotrzebnych obrazków, czyli jeśli jest tło wrzucone w niewidocznym divie, nie ładuje go.

http://www.javascriptkit.com/javatutors/image3.shtml

Wiecie Dzięki ale już sobie poradziłem.


Załadowałem całą tabelę do diva z overflow:hidden; a potem ustawiłem getElement....style.margin: ;
i tu przesunięcie Wszystko smiga a tabela laduje sie tylko raz

Dzięki za pomoc