---
title: "Byta bild vid klick?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/157467-byta-bild-vid-klick"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "streetrobban"
published: "2007-02-22T14:32:17.000Z"
updated: "2007-03-01T16:05:36.000Z"
replies: 6
views: 736
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/157467-byta-bild-vid-klick"
---

# Byta bild vid klick?

## #1 — streetrobban, 2007-02-22T14:32Z

Hejsan,

Jag täntke söka på forumet innan jag startade en ny tråd, men jag visste inte vad jag skulle söka på. Så det får bli en ny tråd :)

Jag har en meny där vissa menyval har undermenyer (som visas och döljs med divvar). Menyvalen med undermenyer är markerade med en bild (som föreställer en pil). När man klickar på menyvalen för att få fram undermenyerna vill jag byta ut bilden, så att pilen pekar neråt.

Går detta att göra med JavaScript?

**Edit:** Jag kan ju bjuda på den kod som finns nu :)

```
echo "<div class=menutitle onclick=\"SwitchMenu('sub".$i."')\" style=\"background-color: $bg;\"><img src=\"img/icon_arrow_admin.gif\"><a href=spec.php?page=article&id=$id>$topic</a></div>";
```

När man klickar på länken ($topic) så vill jag alltså byta ut bilden (icon_arrow_admin.gif) mot en annan (icon_arrow_admin_dn.gif).

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

## #2 — Fredde Mannen, 2007-02-22T14:39Z

Det går alldels utmärkt att göra i javascript. Skall inte vara så svårt

Kan använda dig av. Men hitta bild som skall ändras

```
  
document.getElementById("id pa bilden bilden").setAttribute("src", "bilder/ned_pil.gif");
```

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

## #3 — streetrobban, 2007-02-22T14:56Z

Jag har typ 0 koll på JavaScript, så jag vet inte vart den där koden ska in :)

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

## #4 — streetrobban, 2007-02-22T18:51Z

Jag hittade ett script på jojoxx sida (så klart ;)) som är exakt den funktionen jag vill ha, men jag får inte scriptet att funka.

<http://www.jojoxx.net/jscript/archive/show.asp?id=7>

Min kod:

```
<html>
<head>
<title> hej </title>
<script type="text/javascript">
if (document.images) {
	button_1_on=new Image;
	button_1_on.src="img/icon_arrow_admin_dn.gif";
	button_1_off=new Image;
	button_1_off.src="img/icon_arrow_admin.gif";

	button_2_on=new Image;
	button_2_on.src="img/icon_arrow_admin_dn.gif";
	button_2_off=new Image;
	button_2_off.src="img/icon_arrow_admin.gif";

	button_3_on=new Image;
	button_3_on.src="img/icon_arrow_admin_dn.gif";
	button_3_off=new Image;
	button_3_off.src="img/icon_arrow_admin.gif";

	var re;
}

function rollIn(imgName){
	if (document.images) document[imgName].src=eval(imgName + "on.src");
}
function rollOut(imgName){
	if (document.images && re!=imgName) document[imgName].src=eval(imgName + "off.src");
}
function selectLink(imgName){
	if(re&&re!=imgName) document[re].src=eval(re + "off.src");
	re = imgName;
}
</script>
</head>

<body>

<a href="#" onClick="selectLink('button_1_');" onMouseover="rollIn('button_1_');" onMouseout="rollOut('button_1_');"><img src="img/icon_arrow_admin.gif" border=0 name="button_1_" alt="Imageswap">hej</a><br>
<a href="#" onClick="selectLink('button_2_');" onMouseover="rollIn('button_2_');" onMouseout="rollOut('button_2_');"><img src="img/icon_arrow_admin.gif" border=0 name="button_2_" alt="Imageswap">hej</a><br>
<a href="#" onClick="selectLink('button_3_');" onMouseover="rollIn('button_3_');" onMouseout="rollOut('button_3_');"><img src="img/icon_arrow_admin.gif" border=0 name="button_3_" alt="Imageswap">hej</a><br>

</body>
</html>
```

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

## #5 — streetrobban, 2007-02-28T09:44Z

Jag tänkte bumpa tråden och se om någon med koll på JavaScript kan förstå varför det inte funkar.

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

## #6 — jawbreaker, 2007-02-28T11:08Z

Du saknar ett avslutande citationstecken på ett ställe. Lägg till det så fungerar det nog.

```
button_3_off.src="img/icon_arrow_admin.gif";
```

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

## #7 — streetrobban, 2007-03-01T16:05Z

LOL! Att jag missade det. Tack för att du var uppmärksam på det :)

Ps. Jag redigerar koden så att den stämmer. Ds.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/157467-byta-bild-vid-klick
