Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Pedro Castillo Terrones en 2 Enero 2012, 21:24 pm



Título: Ayuda con mapa de imagen
Publicado por: Pedro Castillo Terrones en 2 Enero 2012, 21:24 pm
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


Título: Re: Ayuda con mapa de imagen
Publicado por: ‭lipman en 3 Enero 2012, 12:13 pm
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


Título: Re: Ayuda con mapa de imagen
Publicado por: Pedro Castillo Terrones en 12 Enero 2012, 17:26 pm
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>