ratbagMedlem sedan aug. 20059 inlägg 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
JojoxxMedlem sedan juni 20004 306 inlägg 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 :)
ratbagMedlem sedan aug. 20059 inlägg 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
icaaqMedlem sedan okt. 20004 910 inlägg ratbagMedlem sedan aug. 20059 inlägg 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
icaaqMedlem sedan okt. 20004 910 inlägg <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
icaaqMedlem sedan okt. 20004 910 inlägg 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