
30/03/2009, 09:25
|
| | Fecha de Ingreso: junio-2008
Mensajes: 17
Antigüedad: 16 años, 9 meses Puntos: 0 | |
Respuesta: Problema urgente con zonas interactivas ya intente tu web caricatos.. pero no me sirve, porque necesito que el area resaltada sea mas perfecta.. no tan poligonal, entonces lo que necesito, es q el mapa de imagen actue como un boton, el cual al posicionarme encima, cambie la imagen en su totalidad, pero al salir de ese boton, vuelva a cambiar toda la imagen como la inicial..
he usado esta funcion:
Código:
<script type="text/javascript">
function mostrar(cosa, estado) {
// document.images[cosa].style.visibility = (estado) ? 'visible':'hidden';
document.getElementById(cosa).style.visibility = (estado) ? 'visible':'hidden';
}
var mapa = 'mapa';
var mapa1 = 'mapa1';
var mapa2 = 'mapa2';
</script>
y luego más adelante tengo el resto:
Código:
<div id="contenedor_de_imagenes">
<img src="images/distribucion.jpg" name="mapa" border="0" id="mapa" usemap="#mapa" style="visibility:visible; position:absolute" />
<a href="#barcelona"><img src="images/distribucion1.jpg" name="mapa1" border="0" id="mapa1" usemap="#mapa1" style="visibility: hidden; position:absolute"></a>
<a href="#malaga"><img src="images/distribucion2.jpg" name="mapa2" border="0" id="mapa2" usemap="#mapa2" style="visibility: hidden; position:absolute"></a>
</div>
<map id="mapa" name="mapa">
<area onmouseover='mostrar("mapa1", true)' onmouseout='mostrar("mapa1", false)'shape="poly" coords="568,141,545,150,535,164,517,168,508,157,506,136,513,139,519,125,518,109,533,103,531,112,542,117,547,113,553,125,548,132,556,139,567,141" href="#barcelona" alt="Barcelona" />
<area onmouseover='mostrar("mapa2", true)' onmouseout='mostrar("mapa2", false)' shape="poly" coords="202,449,188,441,208,415,237,399,247,415,272,427,238,427,233,440,215,439," href="#malaga" alt="Málaga" />
<area onmouseover='mostrar("mapa", true)' onmouseout='mostrar("mapa", true)' shape="rect" coords="4,5,644,477" href="#" />
</map>
De esta manera funciona, pero me parpadea la imagen cuando estoy encima de cualquier mapa de imagen.. Los links deben ir a anclas.
Haber si con el código podeis ayudarme mejor, ¡muchas gracias! |