webForumDet fria alternativet

Ändra URL vid image-swap

4 svar · 270 visningar · startad av JAreMANNEN

JAreMANNENMedlem sedan aug. 20001 698 inlägg
#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.

Jesper TMedlem sedan nov. 20017 058 inlägg
#2

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

JAreMANNENMedlem sedan aug. 20001 698 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å...

frankofMedlem sedan jan. 20014 275 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

GlitterMedlem sedan juli 2003442 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

Genererad på 487 ms · cache AV · v20260730165559-full.f96bc7eb