problema con mi codigo html

danichui_6 · #1 (**permalink**) 11/03/2014, 15:55

Disculpen alguien podria ayudarme con mi codigo deseo que al pasar el cursor por el area marcada con el mapa de imagen, me muestre una imagen con el evento onmouseover, pero lo corro localmente en mi compu y no ejecuta nada.... se los agradeceria mucho

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta name="GENERATOR" content="HTML Tidy para Linux(vers 25 de marzo 2009), ver www.w3c.org">
 
<title>  imagenes</title>
</head>
 
<body>
<div align="center">
    <img src="../imagenes/cuerpo.png" border="0" align="absmiddle" usemap="#Map">
 
    <map name="Map">
    <area shape="circle" coords="111,64,9" href="#" onmouseover="document.getElementById='imagenes/imagen1.png'">
    </map>
</div>
</body>
</html>

jarios · #2 (**permalink**) 11/03/2014, 17:10

Cita:

document.getElementById='imagenes/imagen1.png'

document.getElementById es una funcion asi que no se usa asi sino asi:

document.getElementById('id-del-elemento');

tiene que existir un elemento (un img por ejemplo) con un id="id-del-elemento" al que le vas a cambiar el href por el el dato que has querido pasar a la funcion getElem... (imagenes/imagen1.png').

No se si me he explicado bien.

Saludos.

Middrel · #3 (**permalink**) 11/03/2014, 17:19

Si es necesario que lo hagas con javascript sigue el consejo de jarios :D

pero como dato adicional, puedes realizarlo sin necesidad de javascript:

Código Javascript:

Ver original<img src="img/imagen1.png" class="boton-apps" alt="" onMouseOver="this.src='img/imagen2.png'" onMouseOut="this.src='img/imagen1.png'" >

Saludos!!

danichui_6 · #4 (**permalink**) 11/03/2014, 18:08

no la verdad no te eh entendido jarios!!, lo que pasa esque es necesario usar el mapa de imagen ya que son varias areas las que necesito, solo que de ejemplo puse una area. Y que al pasar el mouse por esa area me muestre la imagen2..... no se si me eh explicado

danichui_6 · #5 (**permalink**) 11/03/2014, 18:10

gracias middrel lo checare !!! :D ...... tambien gracias jarios por prestarme un poco de tu tiempo