[js/css] Galeria zdjęć - miniaturki na dole, na górze duże zdjęcie; z preloaderem

[Soulburner 2]

Jest sobie strona, na której chcę umieścić galerię w postaci kilku minuaturek na dole, nad którymi znajduje się jakiś div trzymający zdjęcie powiększone. Po kliknięciu na którąś miniaturkę, w divie zdjęcie się zmienia - ale zanim się ono wczyta, niechaj pokazuje jakiś animowany gif, jak np. udawany pasek postępu obecny w galerii na Allegro po powiększeniu obrazka.

 

Przeszukując sieć znalazłem taki kawałek korzystający z jquery:

<script language="javascript">
 function example_request() 
 {
$('#container').html('<p><img src="ajax-loader.gif" width="16" height="16" /></p>');
$('#container').load("costam.html");
 }
</script>

<input type="button" onclick="example_request()" value="Click" />

<div id="container">
 <p>Jakiś tekst</p>
</div>

Kod działa w taki sposób, iż w miejscu "Jakiś tekst" wrzuca zawartość pliku costam.html, w którym znajduje się podmieniony paragraf - po prostu inny tekst w miejsce "Jakiś tekst". Zanim się ten costam.html załaduje, w tym miejscu pokazuje się gif podobny do tego z Firefoksa widocznego podczas ładowania strony.

Myślałem, że wystarczy "costam.html" zmienić na "obrazek.gif" i będzie świetnie - niestety, obrazek pokazuje się w formie czystego tekstu

 

Powiedzmy, że galeria miałaby działać tak, jak ten przykład:

http://i-code.co.uk/javascript/imageviewer.php

- pokazany na tej stronie sposób jest banalny i nawet by spełnił swoje zadanie, jednak przy cięższych wagowo zdjęciach, które długo się ładują, występuje długie opóźnienie od kliknięcia na link/miniaturkę do ukazania się obrazka - stąd chęć wrzucenia jakiejś animacji sugerującej jakąś pracę w tle (podobnie jak w lightbox, tyle, że bez lightbox ).

 

Z góry dzięki za wszelkie sugestie.

 

PS - tak, z js nie miałem do tej pory praktycznie nic do czynienia

[strom 0]

W javascript masz takie cos jak obiekt Image. Ten obiekt posiada taki myk jak onload. Onload odpalany jest jak zdjecie ktorego adres podasz do objektu Image przez wlasciwosci src zostanie wczytane