[XHTML] Galeria zdjeć na www

[ReMi_B]

Witam chce stworzyć sobie małą galerie zdjeć swoich w formie www.

strona ma z założenia wyglądać tak http://www.wck.wodzislaw.pl/lightworm/index.htm

po prawej stronie są małe miniatury i nie wiem co zrobić by po naciśnięciu któreś z tych miniatur dane zdjęcie otwierało się w większym formacie w tej czarnej ramce... jeśli można to prosze o pomoc pozdrawiam...

RemigiuszB

z uszanowaniem

[atom]

Coś mi nie chce działać ta galeria do której linka podałeś (w IE i w FF), lepiej się na tym nie wzorować. Ale chyba mniej więcej wiem jak to ma wyglądać...

Przychodzą mi do głowy w zasadzie 2 rozwiązania. 1 to użycie ramek, co jest ostatnio coraz mniej trendy . 2 to wykorzystanie javascripta za pomocą którego wykonasz request, odbierzesz odpowiedź i wstawisz ją do wybranego elementu na stronie (ogólnie mówiąc Ajax).

[ReMi_B]

jestem laikiem wiec jeśli mógłbyś to rozwinąć chodzi mi o to zeby nie kozystać z ramek tylko właśnie na tej samej stronie zeby otwierało się dane zdjecie ... w czamrnym polu

[koziolek]

małe zdjęcia umieszczasz w taki oto sposób:

Kod: Zaznacz cały

<img src="obrazek.jpg" width="100" height="100" onclick="loadFullImage('obrazek.jpg')" />

funkcja loadFullImage() może wyglądać w taki sposób:

Kod: Zaznacz cały

loadFullImage(src){
/*pobieram duży obrazek*/
var dob = document.getElementById("duzyObrazek");
/*jak nie ma dużego obrazka to tworze element i dodaję go do środka*/
if(dob==null){
dob = document.createElement("img");
document.getElementById("srodek").appendChild(dob);
}
/*podmieniam źródło obrazka*/
dob.src=src;
}

wygląd obrazka na środku można już opędzić cssem. Lub też można wykorzystać obiekt Image i jego własności with i height.