---
title: "vanlig simpel mouse over"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/72441-vanlig-simpel-mouse-over"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "dude85"
published: "2003-03-28T10:05:17.000Z"
updated: "2003-03-28T18:21:12.000Z"
replies: 4
views: 235
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/72441-vanlig-simpel-mouse-over"
---

# vanlig simpel mouse over

## #1 — dude85, 2003-03-28T10:05Z

Jag har ett table vid vänster kant på sidan med 4 celler med en länk i varje.
Nu vill ja ha så att det är imageswap på mouse over på varje länk.
om ni skulle kunna slänga upp en kod till detta så skulle jag vara ytterst tacksam.

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

## #2 — Peter S, 2003-03-28T11:10Z

Exempel:

```
<head>

<script type="text/javascript">
<!--

// Skriv in alla bilder som skall användas här
var images = [ "images/foo.png", "images/bar.png" ];

function preload(){
	if( arguments[0] >= images.length )
		return;

	var img = new Image();
	img.src = images[ arguments[0] ];

	preload( arguments[ 0 ]+1 );
};

preload( 0 );

function mouseEffect( o, i ){
	o.src = i;
};

//-->
</script>

</head>

<table border="1">
<tr>
<td><img src="foo.png" height="50" width="50" onmouseover="mouseEffect(this,'images/bar.png')" onmouseout="mouseEffect(this,'images/foo.png')"></td>
</tr>
</table>
```

Som andra argument till funktionen *mouseEffect()* skickar du sedan in sökväg och namn till den bild som skall visas vid aktuell händelse.

 :)

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

## #3 — dude85, 2003-03-28T12:55Z

ok tackar så mycket.
men finns det verkligen inte någon simplare kod? 
har för mig jag har sett något enklare än det =)
tack iaf

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

## #4 — Peter S, 2003-03-28T13:02Z

Detta var bara ett exempel  ;)  Men det enda du behöver bry dig om är att lägga till bilderna i vektorn *images*, samt att skicka in bildnamnet som andra argument till funktionen. 

Förladdningsmekanismen är ju valfri.

 :)

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

## #5 — ejick, 2003-03-28T18:21Z

Är inte det enklaste:

```
<a href="#" onMouseOver="document.namn.src='bild2.gif';"><img src="bild1.gif" name="namn"></a>
```

Men det kanske är lite väl mycket 3.0..?

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/72441-vanlig-simpel-mouse-over
