aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

hover imagemap onmouseover js of css

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

hover imagemap onmouseover js of css

Berichtdoor questions » 27 jun 2013 08:59

Goedemorgen

Ik heb een vierkante afbeelding(imagemap) met 4 vlakken elk vlak is klikbaar naar een url, dat werkt prima.
Nu wil ik dat als ik met de muis op 1 van die vlakken kom Hover dan moet er iets gebeuren, bijv oplichten.
Het moet iig duidelijk zijn dat je met je muis op dat deel van de afbeelding bent.
Nu heb ik het 1 en ander geprobeerd met onmouseover events maar dan pakt die steeds de hele afbeelding en niet dat kleine stukje.
Heb ook al iets geprobeerd met elke vak een id te geven dat hielp ook niet erg, ik zit dicht bij de oplossing, maar kom er net niet uit.
Wie kan mij verder helpen? bvd

Mvg Marcello

Code: Selecteer alles
<img src="images/logo.png" usemap="#Map"/>
<map name="Map" id="map">
  <area shape="rect" coords="3,4,84,86" id="" href="#" target="_self" title="" onmouseover="">
  <area shape="rect" coords="90,4,169,85" id=""  href="#" target="_self" title="" onmouseover="">
  <area shape="rect" coords="3,88,85,172" id=""href="#" target="_self" title="" onmouseover="">
  <area shape="rect" coords="88,89,167,171" id="" href="#" target="_self" title="" onmouseover="">
</map>
questions
wmpr
 
Berichten: 6
Geregistreerd: 01 apr 2013 19:03
Woonplaats: Smilde

Re: hover imagemap onmouseover js of css

Berichtdoor Stef » 01 jul 2013 10:28

Is het niet handiger om jquery te gebruiken? http://davidlynch.org/projects/maphilight/docs/
Avatar gebruiker
Stef
wmpr
 
Berichten: 5575
Geregistreerd: 27 nov 2003 21:51

Re: hover imagemap onmouseover js of css

Berichtdoor questions » 03 jul 2013 14:08

Je hebt gelijk, bedankt het werkt! 8-)
questions
wmpr
 
Berichten: 6
Geregistreerd: 01 apr 2013 19:03
Woonplaats: Smilde


Keer terug naar HTML, CSS, Javascript



cron