---
title: "Ändra en bild på ID"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/89619-ändra-en-bild-på-id"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "voigtann1"
published: "2003-11-04T11:47:52.000Z"
updated: "2003-11-04T15:41:43.000Z"
replies: 12
views: 375
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/89619-ändra-en-bild-på-id"
---

# Ändra en bild på ID

## #1 — voigtann1, 2003-11-04T11:47Z

om vi gör ett exempel:

```
<table>
<tr>
<td><img src='bild_vanlig.gif' id='1'></td>
<td><a href='javascript:knapp(1)'>Ändra ID1's SRC!</a></td>
</tr>
</table>
```

Detta är ju inte svårt att fixa så att ID=1's bild kanske ändras till en annan bild när man kör över "Ändra ID1's SRC!" eftersom knapp(**1**) är samma som ID=1... eller?

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

## #2 — dectgap, 2003-11-04T11:56Z

```
<table>
<tr>
<td><img src='bild_vanlig.gif' id='a'></td>
<td><a href="javascript:document.getElementById('a').src='ny_bild.gif'">Ändra ID1's SRC!</a></td>
</tr>
</table>
```

Ett id får inte börja på en siffra.

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

## #3 — voigtann1, 2003-11-04T11:58Z

dectgap... varför inte :e får försöka lära mig javascript någon gång.. känns dumt att man inte kan det ännu :e

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

## #4 — dectgap, 2003-11-04T12:10Z

Fråga mig inte varför - det bara är så :)
<http://www.w3.org/TR/html4/types.html#type-name>

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

## #5 — voigtann1, 2003-11-04T12:13Z

fungera det på alla webbläsare?

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

## #6 — Jesper T, 2003-11-04T12:17Z

Så länge du kör med getElementbyid så borde det väl funka med de flesta läsare.

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

## #7 — voigtann1, 2003-11-04T12:27Z

```
function bulletOff(id)
{
	document.getElementById('+id+').src='ny_bild.gif'
}
```

Ska funktionen se ut så isåfall om man kör en mouseover och sånt?

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

## #8 — dectgap, 2003-11-04T12:29Z

Nästan:

```
function bulletOff(id)
{
	document.getElementById(id).src='ny_bild.gif';
}
```

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

## #9 — voigtann1, 2003-11-04T12:31Z

om vi säger att jag kör:
javascript:bulletoff(1)

då får jag ändra funtionen lite(måste ju ha en bokstav.. exempel a:

```
function bulletOff(id)
{
	document.getElementById([b]'a'+id[/b]).src='ny_bild.gif';
}
```

 då eller?

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

## #10 — voigtann1, 2003-11-04T12:53Z

Om jag ska köra samma onMouseout och mouseover men vill ha två olika bilder... kan man göra någon IF sats då eller ska man köra variabler för bild bytet?:

```
function bulletOff(id,bild)
{
	document.getElementById('a'+id).src='+bild+';
}
```

???

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

## #11 — Jojoxx, 2003-11-04T14:04Z

Nästan igen :)

```
function bulletOff(id,bild)
{
	document.getElementById('a'+id).src=bild;
}
```

(anropas då med bulletOff('ett_id','bilden.png') )

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

## #12 — voigtann1, 2003-11-04T14:30Z

kan man göra så att funktionen säger.. om bilden är bild1.gif då ska den vara bild2.gif/blåbär.gif när man får mouseout med samma anrop?

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

## #13 — Jojoxx, 2003-11-04T15:41Z

Osäker på hur du menar, men du kan ju ex. använda alt-attributet (även om detta inte är vad det är tänkt till) för att spara orginalfilnamnet och ifall du anropar bulletOff utan *bild* så används det (alt-attributet) och bilden återställs.

```
<img src="bild.gif" alt="bild.gif" onmouseover="bulletOff(1,'blabar.gif');" onmouseout="bulletOff(1);" id="a1">
...
<script type="text/javascript">
function bulletOff(id,bild)
{
	document.getElementById('a'+id).src=(bild)?bild:document.getElementById('a'+id).alt;
}
</script>
```

Ett alternativ just i detta fall om bulletOff anropas direkt från \<img\>-taggen är att använda nyckelordet *this* som då syftar på det aktuella objektet (bilden) så slipper du hålla reda på id.

```
<img src="bild.gif" alt="bild.gif" onmouseover="bulletOff(this,'blabar.gif');" onmouseout="bulletOff(this);">
...
<script type="text/javascript">
function bulletOff(obj,bild)
{
	obj.src=(bild)?bild:obj.alt;
}
</script>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/89619-ändra-en-bild-på-id