[js]Javascript. Zmiana wielkości obrazka. Opcje

[faflok]

Pewno znowu ktoś pomyśli że to stary temat, ale prosze czytać dalej.

Chodzi mi o to by na stronie był jeden duzy obrazek rozmiar np: 400x300 px a pod nim 10 malych miniatur 80x60 px.
Standardowo jako duzy obrazek ma sie wyswietlać pierwszy obrazek-miniaturka.

I teraz: klikam np. na trzecia miniaturke, i otwiera mi sie ona jako duzy obrazek, zastepujac poprzedni, to wszystko bez przeladowywania strony.

Chcialbym zrobic mala galerie, ale bez pop-up-ów.

Jeżeli ktoś zna odpowiedz to czekam.

Powód edycji: dodalem tag (cysiaczek)

[sniezny_wilk]

Zapytaj się googla co to AJAX. Lub inne rozwiązanie: klikając na obrazek, uruchamiasz funkcję która podmienia źródło obrazka, nic trudnego. Piszesz jedną funkcję i ją wywołujesz dla każdego zdjęcia z innym parametrem, nadając wcześniej dużemu obrazkowi ID. Możesz wykorzystać do tego getElementById a konkretnie getElementById("id_duzego_obrazka").src="adres";

[franki01]

Po co tutaj AJAX? Mozna duzo prosciej. Po kliknieciu na miniaturke, zamienia src w tagu <img> duzego obrazka. Temu duzemu nadaj jakies id, zeby bylo latwo z nim sie obchodzic i po sprawie. Zeby zamienic uzyj Image() i potem obrazek.onload = function(){}. W klamrze wstaw podmienianie, czyli obiekt_duzego_obrazka.src = obrazek.src. Wszystko. Jak nie rozumiesz to popytaj google (chyba ze ktos tutaj gotowca napisze).