7 svar · 408 visningar · startad av ratbag
Jag letar efter ett script som låter mig göra följande:
Jag vill ha en rad små bilder på en sida. När man klickar på någon av bilderna skall en annan större bild visas på en annan plats på samma sida. Var och en av de små bilderna laddar en egen större bild, lite som ett fotoalbum med andra ord. De större bilderna skall visas på samma plats på sidan.
Hur gör jag detta???
Mycket tacksam för ev hjälp... :)
/Dan
Exempel:
<img src="small-1.gif" onclick="document.getElementById('bigger').src='big-1.jpg';" />
<img src="small-2.gif" onclick="document.getElementById('bigger').src='big-2.jpg';" />
<img src="small-3.gif" onclick="document.getElementById('bigger').src='big-3.jpg';" />
...
<img id="bigger" src="big-1.jpg" alt="Förstoring" />
Red.
Välkommen till wF förresten :)
Tack! Och tack!! :)
Funkar perfekt för det jag ville ha!
Vet du förresten hur man gör så att man får en hand över bilderna? Jag försökte med:
cursor="hand"
men det funkade inte??
mvh
/dan
Hmm. Det verkar ändå inte funka. Min kod ser ut så här (förenklad):
----------------------
<img id="L" src="/objekt/images/1001_01_L.gif" border="1" />
<img src="/objekt/images/1001_01_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_01_L.gif';" >
<img src="/objekt/images/1001_02_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_02_L.gif';" />
----------------------
Hur skall jag skriva in cursor-koden???
Tack på förhand!!
/dan
<img id="L" src="/objekt/images/1001_01_L.gif" border="1" />
<img style="cursor: pointer;" src="/objekt/images/1001_01_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_01_L.gif';" >
<img style="cursor: pointer;" src="/objekt/images/1001_02_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_02_L.gif';" />
mv icaaq
No Problem, och välkommen till wF.
mv icaaq
PS. Om du är nöjd med något av svaren får du gärna markera tråden som löst. :) DS