---
title: "Visa bild onclick"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/132338-visa-bild-onclick"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ratbag"
published: "2005-08-05T15:25:07.000Z"
updated: "2005-08-06T08:18:14.000Z"
replies: 7
views: 411
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/132338-visa-bild-onclick"
---

# Visa bild onclick

## #1 — ratbag, 2005-08-05T15:25Z

Jag letar efter ett script som låter mig göra följande:

Jag vill ha en rad små bilder på en sida. När man klickar på någon av bilderna skall en annan större bild visas på en annan plats på samma sida. Var och en av de små bilderna laddar en egen större bild, lite som ett fotoalbum med andra ord. De större bilderna skall visas på samma plats på sidan.

Hur gör jag detta???

Mycket tacksam för ev hjälp... :)

/Dan

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

## #2 — Jojoxx, 2005-08-05T21:25Z

Exempel:

```
<img src="small-1.gif" onclick="document.getElementById('bigger').src='big-1.jpg';" />
<img src="small-2.gif" onclick="document.getElementById('bigger').src='big-2.jpg';" />
<img src="small-3.gif" onclick="document.getElementById('bigger').src='big-3.jpg';" />

...

<img id="bigger" src="big-1.jpg" alt="Förstoring" />
```

Red.
Välkommen till wF förresten :)

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

## #3 — ratbag, 2005-08-06T07:40Z

Tack! Och tack!! :)

Funkar perfekt för det jag ville ha!

Vet du förresten hur man gör så att man får en hand över bilderna? Jag försökte med:

cursor="hand"

men det funkade inte??

mvh

/dan

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

## #4 — icaaq, 2005-08-06T08:01Z

```
cursor: pointer;
```

<http://www.w3.org/TR/CSS21/ui.html#cursor-props>

mv icaaq

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

## #5 — ratbag, 2005-08-06T08:07Z

Hmm. Det verkar ändå inte funka. Min kod ser ut så här (förenklad):

\----------------------

\<img id="L" src="/objekt/images/1001_01_L.gif" border="1" /\>

\<img src="/objekt/images/1001_01_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_01_L.gif';" \>
 
\<img src="/objekt/images/1001_02_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_02_L.gif';" /\>

\----------------------

Hur skall jag skriva in cursor-koden???

Tack på förhand!!

/dan

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

## #6 — icaaq, 2005-08-06T08:13Z

```
<img id="L" src="/objekt/images/1001_01_L.gif" border="1" />

<img style="cursor: pointer;" src="/objekt/images/1001_01_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_01_L.gif';" >

<img style="cursor: pointer;" src="/objekt/images/1001_02_S.gif" vspace="2" border="1" onclick="document.getElementById('L').src='/objekt/images/1001_02_L.gif';" />
```

mv icaaq

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

## #7 — ratbag, 2005-08-06T08:15Z

TACK!

/dan

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

## #8 — icaaq, 2005-08-06T08:18Z

No Problem, och välkommen till wF.

mv icaaq

PS. Om du är nöjd med något av svaren får du gärna markera tråden som löst. :) DS

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/132338-visa-bild-onclick