webForumDet fria alternativet

Onmouseover på Imagemap

4 svar · 373 visningar · startad av Melea

MeleaMedlem sedan juli 20033 147 inlägg
#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:s onmouseover meny, men får inte till det.

Tack på förhand!

Peter SMedlem sedan dec. 20025 483 inlägg
#2

Hejsan!

Jag bifogar ett exempel :)

Red./ Dokumentation.

MeleaMedlem sedan juli 20033 147 inlägg
#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
#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
#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

126 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)