---
title: "Bildvisning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17445-bildvisning"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Gustav"
published: "2001-02-27T09:22:00.000Z"
updated: "2001-02-27T11:51:00.000Z"
replies: 2
views: 220
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/17445-bildvisning"
---

# Bildvisning

## #1 — Gustav, 2001-02-27T09:22Z

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...

Permalänk: https://www.webforum.nu/p/17445

## #2 — Johnsen, 2001-02-27T10:07Z

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\]

Permalänk: https://www.webforum.nu/p/328575

## #3 — Gustav, 2001-02-27T11:51Z

Tackar! Det fungerade ju perfekt!

Permalänk: https://www.webforum.nu/p/328576

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17445-bildvisning
