
Har ett image-swap system...
Bilderna är namgivna enligt följande:
bildnamn_f_th.gif (thumbnail)
bildnamn_f_org.jpg (stor bild)
bildnamn_f_stor.jpg (största bilden)
- Klickar man på thumbnailsen (sifferkvadraterna i bilden ovan) så byter altså den stora bilden src.
- Klickar man på den stora bilden så körs en popupfunktion med en ännu större bild.
Nu vet jag inte hur man ändrar URL i popupfunktionen så att det blir rätt bild som visas i popup-fönstret. Allt annat fungerar klockrent!
<script>
function changeImage(val){
document.getElementById("img").setAttribute("src", val);
}
</script>
<a href="javascript:changeImage('gfx/[b][I]bildnamn[/I]_f_org.jpg[/b]')"><img src="gfx/[b][I]bildnamn[/I]_f_th.gif[/b]"></a>
^^Kod som byter bild
<a href="javascript:popup('gfx/[b][I]bildnamn[/I]_f_stor.jpg[/b]', 550, 700); return false;"><img src="gfx/[b][I]bildnamn[/I]_f_org.jpg[/b]" id="img"></a>
^^Popupfunktion.. (det är URL i denna som ska ändras när det sker ett bildbyte) Så det är den fetstilta bildnamnet i denna rad som ska bytas ut.