---
title: "Popup bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/162096-popup-bild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Howling_W"
published: "2007-06-30T18:00:09.000Z"
updated: "2007-07-03T14:30:38.000Z"
replies: 4
views: 714
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/html-css/162096-popup-bild"
---

# Popup bild

## #1 — Howling_W, 2007-06-30T18:00Z

Behöver hjälp med en liten kod. det är så att där jag har bilder på min hemsida vill jag gärna att man skall kunna se bilden i ett större format i ett popupfönster. alltså under den befintliga bilden skall finns t.ex ett förstoringsglas och när man klickar på förstoringsglaset kommer en popup med en större version av bilden. Hur ser koden ut för detta popupfönster?

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

## #2 — bossse, 2007-07-01T12:24Z

Ska popupbilderna ha individuell storlek, eller ska alla bilder vara lika stora?
Vilken storlek ska de i.s.f ha?
Och ska de visas på samma plats på sidan?

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

## #3 — Howling_W, 2007-07-01T15:50Z

Alla bilder kan ju vara lika stora te.ex 300x300pixel. På samma plats.

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

## #4 — bossse, 2007-07-01T19:37Z

Du kan ju testa detta då.

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {background-color:green; color:yellow;}
#bild {width:400px; height:300px; position:absolute;left:250px; top:150px}
#stor {display:none}
-->
</style>
<script type = "text/javascript">
function visaBild(bild)
{
document.getElementById('stor').style.display = 'block'; 
document.getElementById('bild').src=bild; 
}
</script>
</head> 
<body >
Klicka på stora bilden för att stänga den eller klicka på nästa småbild.
<br><br>
<img src="bild1.jpg"; width=60 height=60 onclick="visaBild('bild1.jpg')">
<br>
<img src="bild2.jpg" width=60 height=60 onclick="visaBild('bild2.jpg')">
<br>
<img src="bild3.jpg " width=60 height=60 onclick="visaBild('bild3.jpg')">
<div id="stor">
<img id="bild" onclick="document.getElementById('stor').style.display='none';" >
</div>
</body>
</html>
```

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

## #5 — Howling_W, 2007-07-03T14:30Z

OK tackar!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/162096-popup-bild
