---
title: "Onmouseover på Imagemap"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/135301-onmouseover-på-imagemap"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Melea"
published: "2005-10-05T09:14:11.000Z"
updated: "2005-10-06T17:15:26.000Z"
replies: 4
views: 373
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/135301-onmouseover-på-imagemap"
---

# Onmouseover på Imagemap

## #1 — Melea, 2005-10-05T09:14Z

Tjenamors wF!

Jag har en imagemap som ser ut såhär:

```
<img usemap="#map" src="interface/header.jpg" style="border: 0;" alt="" />

<map name="map" id="map">
<area shape="rect" coords="591,36,617,62" href="index.php?i=home" alt="" onmouseover="changeText('Hem');" onmouseout="changeText('');" />
<area shape="rect" coords="565,63,589,91" href="index.php?i=blogg" alt="" onmouseover="changeText('Blogg');" onmouseout="changeText('');" />
<area shape="rect" coords="618,63,643,90" href="index.php?i=articles" alt="" onmouseover="changeText('Artiklar');" onmouseout="changeText('');" />
<area shape="rect" coords="591,92,616,118" href="index.php?i=guestbook" alt="" onmouseover="changeText('Gästbok');" onmouseout="changeText('');" />
</map>
```

Nu skulle jag vilja lägga in en onmouseover-effekt när man håller över dessa områden. Det ska alltså ploppa upp en bild på dessa kordinationer.
Går det att fixa?
Har testat lite själv med jojoxx.net:s onmouseover meny, men får inte till det.

Tack på förhand!

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

## #2 — Peter S, 2005-10-05T10:30Z

Hejsan!

Jag bifogar ett exempel  :)  

Red./ [Dokumentation](http://www.walterzorn.com/tooltip/tooltip_e.htm).

Bilagor:

- [tmp.zip](https://www.webforum.nu/a/8001.zip)

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

## #3 — Melea, 2005-10-05T19:47Z

Oj, man tackar. :)
Får dock inte till det.
<http://www.falkenscout.se/test/onmouseover/tmp.html>
Har suttit ett bra tag nu och försökt lista ut vad det är jag missat.

Tack på förhand!

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

## #4 — Peter S, 2005-10-05T23:28Z

Hm, inser nu att detta inte är den bästa lösningen. Att placera ut bilder på bestämda positioner kommer att resultera i att det ser bra ut i vissa webbläsare, men sämre i andra.

Andra lösningar skulle kunna vara att vid mouseover byta ut hela bilden mot en snarlik; en där den knapp som "hoovrades" över är färgad.

En annan lösning kan vara att sätta den nuvarande bilden som bakgrundsbild och sedan placera ut navigeringsmenyn i form av separata bilder.

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

## #5 — Melea, 2005-10-06T17:15Z

> **Peter S skrev:**
>
> Hm, inser nu att detta inte är den bästa lösningen. Att placera ut bilder på bestämda positioner kommer att resultera i att det ser bra ut i vissa webbläsare, men sämre i andra.
> 
> ...
> 
> En annan lösning kan vara att sätta den nuvarande bilden som bakgrundsbild och sedan placera ut navigeringsmenyn i form av separata bilder.

Ditt ord är min lag.

Tack för hjälpen!  :bire

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

---

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