faflok
3.01.2008, 17:12:57
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.
sniezny_wilk
3.01.2008, 17:23:10
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
3.01.2008, 18:13:27
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).