Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]Javascript. Zmiana wielkości obrazka.
Forum PHP.pl > Forum > Przedszkole
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.
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).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.