Onmouseover på Imagemap

4 svar · 373 visningar · startad av Melea 5 okt. 2005

MeleaMedlem sedan juli 20033 147 inlägg

Trådstart5 okt. 2005 09:14#1

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 onmouseover meny, men får inte till det.

Tack på förhand!

Peter SMedlem sedan dec. 20025 483 inlägg

5 okt. 2005 10:30#2

Hejsan!

Jag bifogar ett exempel

Red./ Dokumentation.

tmp.zip (6 kB)

MeleaMedlem sedan juli 20033 147 inlägg

5 okt. 2005 19:47#3

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!

Peter SMedlem sedan dec. 20025 483 inlägg

5 okt. 2005 23:28#4

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.

MeleaMedlem sedan juli 20033 147 inlägg

6 okt. 2005 17:15#5

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