---
title: "OnMouseOver"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/111314-onmouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "AboO"
published: "2004-09-10T20:31:50.000Z"
updated: "2004-09-11T11:24:25.000Z"
replies: 5
views: 290
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/111314-onmouseover"
---

# OnMouseOver

## #1 — AboO, 2004-09-10T20:31Z

Jag håller på med ett litet bildgalleri och då vill jag att bilderna ska förstoras när man för muspekaren över bilden.

Då satt jag och läste lite på webdesignskolan.com och där fanns det en OnMouseOver grej som skulle funka ganska bra.

<http://www.webdesignskolan.com/javascripts/mouseover2.htm>

Jag satt och kollade och förstod det mesta men längst ner står det :

"Dessutom måste du ha en transparent GIF-bild, som "håller plats" åt den bild som skall synas när musmarkören förs över en meny. I exemplet ovan är det 3st. (3 olika platser där bilderna "dyker upp") De har samma storlek som bilden som tar deras plats när de syns. I det här exemplet heter de: popup1_blank.gif, popup2_blank.gif och popup3_blank.gif"

Är det bara jag som inte förstår vad som menas? :)

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

## #2 — @nders, 2004-09-11T07:08Z

Re: OnMouseOver

> **AboO skrev:**
>
> Är det bara jag som inte förstår vad som menas? :)

Antagligen. :) 

Vad är det du inte förstår?

mvh

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

## #3 — dectgap, 2004-09-11T08:54Z

Det verkar onödigt att lägga in transparenta bilder som "platshållare".

Om man leker med *visibility: hidden* slipper man de genomskinliga bilderna.

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

## #4 — AboO, 2004-09-11T10:34Z

Är det så att det visas en transparent bild när man inte har musen över bilden? och när man för musen över bilden så byts  den transparenta bilden ut? Är det så?

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

## #5 — dectgap, 2004-09-11T11:07Z

> **AboO skrev:**
>
> Är det så att det visas en transparent bild när man inte har musen över bilden? och när man för musen över bilden så byts  den transparenta bilden ut? Är det så?

Exakt, och det är det jag tycker är dumt.

Det kan istället göras så här:

```
<script type="text/javascript">
document.writeln('<style type="text/css">');
document.writeln('.rollImg { visibility: hidden; }');
document.writeln('</style>');

function show(imgId){
   document.getElementById(imgId).style.visibility = "visible";
}

function hide(imgId){
   document.getElementById(imgId).style.visibility = "hidden";
}
</script>

...

<p>
<button onmouseover="show('bild1')" onmouseout="hide('bild1')">Bild 1</button>
<button onmouseover="show('bild2')" onmouseout="hide('bild2')">Bild 2</button>
<button onmouseover="show('bild3')" onmouseout="hide('bild3')">Bild 3</button>
</p>

<p>
<img src="img1.png" id="bild1" class="rollImg" />
<img src="img2.png" id="bild2" class="rollImg" />
<img src="bg.png" id="bild3" class="rollImg" />
</p>
```

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

## #6 — AboO, 2004-09-11T11:24Z

Ja, det där verkar funka rätt så bra. :)
Tackar.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/111314-onmouseover