---
title: "ändra färg på ram med mousover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/133320-ändra-färg-på-ram-med-mousover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ket"
published: "2005-08-26T07:58:15.000Z"
updated: "2005-09-01T13:38:51.000Z"
replies: 6
views: 549
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/133320-ändra-färg-på-ram-med-mousover"
---

# ändra färg på ram med mousover

## #1 — ket, 2005-08-26T07:58Z

hej.

har en fotosida med 10 thumbnails och 1 stor bild.

när man drar musen över thumbnailsen så ändras den stora bilden. inget avancerat:

function visning(visa,on)
	{
		document.images\[on\].src=visa;
	}

thumbnailsen har en ljusgrå ram runt sig (via css), vad jag vill är att den ändras till mörkgrå när man har mouseover.

jag vet att det går att lösa med hover i cssen, men det är ingen bra lösning, när det gäller webtillgänglighet och semantik.

är det ngn som har en idé om hur jag ska skriva i javascriptet?

mvh
ket

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

## #2 — Palle, 2005-08-26T08:03Z

En variant. :)

```
[red] onmouseover="this.style.borderColor='#666666';" onmouseout="this.style.borderColor='#cccccc';"[/red]
```

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

## #3 — ket, 2005-08-26T08:23Z

hej palle, bra idé. men det blir onödigt mkt kod i html-dokumentet

det är en bra idé att skriva det så. men det vore ännu bättre om man kunde länka in det tillsammans med javascriptet.

har du ngn idé om hur det skulle kunna skrivas?

mvh
ket

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

## #4 — Palle, 2005-08-26T08:29Z

Hur ser anropet ut i koden? (mouseover)

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

## #5 — ket, 2005-08-26T18:04Z

hej palle

så här ser det ut:

\<li onmouseover="visning('../img/1.jpg','m');" onmouseout="visning('../img/m.jpg','m');"\>\</li\>

så finns det en bild (den stora bilden) som har id="m"

mvh
ket

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

## #6 — Peter S, 2005-08-30T19:24Z

```
<script type="text/javascript">

function visning(li, clr, img, id){
    li.style.borderColor = clr;
    document.images[id].src = img;
}

</script>

<li onmouseover="visning(this, '#666', '../img/1.jpg', 'm')" onmouseout="visning(this, '#ccc', '../img/m.jpg', 'm')"...
```

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

## #7 — ket, 2005-09-01T13:38Z

Tack Peter S.

Det funkar helt perfekt.

mvh
/ket

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/133320-ändra-färg-på-ram-med-mousover