Bildvisning

2 svar · 216 visningar · startad av Gustav 27 feb. 2001

GustavMedlem sedan jan. 20001 932 inlägg

27 feb. 2001 09:22#1

Tja!

Jag håller på att göra en liten "rundvandring" i en företagslokal som ska ligga på deras hemsida.
Jag tänkte mig nåt i stil med

<script type="text/javascript" language="JavaScript">
<!--
function show(id)
{
if (document.layers)
document.layers[id].visibility = "show"
else if (document.all)
document.all[id].style.visibility = "visible"
}

function hide(id)
{
if (document.layers)
document.layers[id].visibility = "hide"
else if (document.all)
document.all[id].style.visibility = "hidden"
}
//-->
</script>

men vet inte riktigt om detta stämmer...tänkte inte prova förrän jag vet om det kan göra det jag vill att det ska göra! När jag anropar ett id med funktionen Show så visas ju det. Men om jag sen väljer att visa en annan id så borde ju det första ligga kvar "under" det nya.

Ska jag verkligen behöva skriva

javascript:show('id8');javascript:hide('id1');javascript:hide('id2');javascript:hide('id3');javascript:hide('id4');javascript:hide('id5');javascript:hide('id6');javascript:hide('id 7');

...när jag vill öppna id8 och då även vara säker på att inget annat id ligger synligt.

Eller hur gör man? Jag vill alltså stänga den id som jag kollar på när jag öppnar en ny...

JohnsenMedlem sedan juli 2000836 inlägg

27 feb. 2001 10:07#2

Varför inte använda ett och samma lager och bara btya bilden i det?

<html>
<head>
<script language="JavaScript">
<!-- 
bild = new Array() 
bild[0]=new Image(); bild[0].src="ettan.gif";
bild[1]=new Image(); bild[1].src="tvåan.gif";
bild[2]=new Image(); bild[2].src="trean.gif";
bild[3]=new Image(); bild[3].src="fyran.gif";

function bytBild(nummer) {
if(document.layers){vilken = document.layers["lagret"].document.images;}
else{vilken = document.images;}
 
vilken["bilden"].src = bild[nummer].src 
} 
//--> 
</script> 
</head>
<body>

<div id=lagret style="position:absolute; top:50; left:150;">

<img name="bilden" src="ettan.gif" width="250" height="250">

</div>

<a href="javascript:bytBild(0);">bild 1</a><br>
<a href="javascript:bytBild(1);">bild 2</a><br>
<a href="javascript:bytBild(2);">bild 3</a><br>
<a href="javascript:bytBild(3);">bild 4</a><br>

</body>
</html>

[r]Skönhetsredigering[/r]

[Redigerat av Johnsen den 27 feb 2001]

GustavMedlem sedan jan. 20001 932 inlägg

27 feb. 2001 11:51#3

Tackar! Det fungerade ju perfekt!