webForumDet fria alternativet

Ändra URL vid image-swap

JavaScript

4 svar · 272 visningar · startad av JAreMANNEN

Medlem sedan aug. 20002 272 inlägg
Frågan#1

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)

  1. Klickar man på thumbnailsen (sifferkvadraterna i bilden ovan) så byter altså den stora bilden src.
  2. 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.

Medlem sedan nov. 20017 144 inlägg
#2

Titta i jojoxx javascript-arkiv. Han har sådana script.
[Bild i popupfönster]

Medlem sedan aug. 20002 272 inlägg
#3

jo, har sett dom...
Problemet är ju att det är olika bilder som ska visas i popupen beroende på vilken thumbnail man först klickar på...

Medlem sedan jan. 20016 874 inlägg
#4

Jag har en variant på dett på min sida, jag hoppade dock över "mellanläget", kör det med mouseover istället och öppnar största bilden i en popup.
http://hem.passagen.se/frankof/foto.html

Medlem sedan juli 2003465 inlägg
#5

kanske såhär...

<a href="java script:popup(img.src, 550, 700); return false;"><img src="gfx/bildnamn_f_org.jpg" id="img"></a>

Skall kanske vara img.src.value är inte säker

263 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)