Ayuda con mapa de imagen

Iniciado por achorao, 2 Enero 2012, 21:24 PM

0 Miembros y 1 Visitante están viendo este tema.

achorao

Disculpen mi ignorancia pero tengo una duda. Estoy trabajando con mapas de imágenes en html y deseo que al pasar el mouse por encima de cada mapa, pueda cambiar un texto que se encuentra fuera de la imagen. Cada mapa con un texto diferente. Gracias

‭lipman

Puedes poner el código?
Y que navegador usas por cierto? porque he mirado mapas de imágenes y creo que no me funciona en el último de IE y de Mozilla, vamos, no estoy seguro.

Un saludo

achorao

Utilizo el chrome y el explorer.
Adjunto el codigo, donde quisiera que cambie es donde dice "AREAS DE LA EMPRESA", cada vez que pase el mouse por el map, el texto deberia cambiar al nombre del area

<html>
<head>
<title>Areas de la empresa</title>
</head>

<body>
<p >AREAS DE LA EMPRESA</p>
<center>

<img class="map" src="planta.png" usemap="#fab">
<map name="fab">
  <area shape="poly" title="AREA 1" coords="762,396,761,379,762,336,765,194,996,194,998,396" href="AREA1.html">
<area shape="poly" title="AREA 2" coords="6,4,498,6,527,35,525,133,502,133,502,137,384,137,384,197,4,197" href="SC2.html">
<area shape="poly" title="AREA 3" coords="3,198,382,199,382,428,5,425" href="AREA3.html">

</map>
</center>
</body>
</html>