Buenas tengo un problema al poner un mapa de imagen sobre una imagen de sustitución o roll over, y al pasar el cursor por los mapas no me hace el roll over, sin embargo en las zonas donde no hay mapas si me hace la sustitución de la imagen, el problema es solo en Mozilla en los demás sale correctamente.
Esta es la manera que he utilizado para hacerlo:
Primero llamo las imagenes desde un script:
<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="barrabotonesalfaromeo.gif"
foto[1]=new Image()
foto[1].src="barrabotonesalfaromeoover.gif"
</script>
Y luego en el codigo lo utilizo de la siguiente manera:
<div id="capa2"> <img src="barrabotonesalfaromeo.gif" border="0" usemap="#Map" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[0].src">
<map name="Map">
<area shape="rect" coords="39,4,141,17" href="servicios.htm">
<area shape="rect" coords="188,4,290,17" href="vehiculos.htm">
<area shape="rect" coords="335,4,438,18" href="ofertas.htm">
<area shape="rect" coords="483,4,584,18" href="laempresa.htm">
<area shape="rect" coords="631,4,732,16" href="contacto.htm">
</map>
</div>
Y lo dicho en Mozilla no me funcina el cambio de imagen al pasar por los mapas
, tambien he probado dandole un nombre diferente al mapa, y añadiendole un nombre por ejemplo con:
<div id="capa2"> <img src="barrabotonesalfaromeo.gif" border="0" name="foto[0]" usemap="#foto[0]Map" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[0].src">
<map name="foto[0]Map">
pero tampoco
¿Que puedo cambiar o añadir? Bueno tambien lo he intentado con <a href="#">, aunque no se si hace falta y como colocarlo luego exactamente
P.D: Tambien he mirado en los buscadores y no he visto el problema con Mozilla.