Forum webmasterów

Napotkałem problem i proszę o pomoc.
Mianowicie
Mam podzieloną grafikę, za pomocą photoshopa. bedzie ona sie znajdowac na stronie www I chciałbym aby po kliknięciu obok tej grafiki na przycisk np: zmień na żółty zmieniał się tylko jeden z wyciętych elementów, a reszta została taka jak była.

po


chodzi o to a żeby obok było menu i np: zrób pomieszczenie 1 żółtym i zmienił się by tylko ten jedyny fragment grafiki z szarego na żółty.
chodzi tu o włącz światło w pomieszczeniu 1( wycieta grafika zmienia się na żółtą) i wyłącz światło (grafika zmienia się na szarą)

Możesz to zrobić za pomocą JavaScript. Jeśli każdy z elementów to osobny obraz, nadaj im unikalne atrybuty id do każdego z nich przydziel zdarzenie onclick w którym możesz wymieniać obrazki, wtedy jeśli wycinek nie jest duży możesz uzyskać natychmiastowo zmianę. Aby uniknąć "dogrywania" się obrazków, możesz załadować "włączone" wycinki w tych samych pozycjach co "wyłączone" nadając im styl visibility: hidden i przy zdarzeniu onclick tylko wymieniasz na "visible" (zapal)/hidden (zgaś).

pzdr