Cambiar imagen al pasar ratón por una región en concreto

sToRaGe · #1 (**permalink**) 10/07/2010, 18:14

Buenas, quisiera saber cómo puedo hacer para que al pasar el ratón por cierta región de una imagen, esta cambie. Y que al dejar de estar en esa región vuelva a salir la imagen del principio.

Gracias.

crujikoki · #2 (**permalink**) 12/07/2010, 05:20

Hola,

Mira a ver si esto es lo que quieres:

Código Javascript:

Ver original<html>
<head>
<script type='text/javascript'> 
function cambio(obj,dentro)
{
    im = document.getElementById("im1");
    if(dentro)
        im.src="Puesta de sol.jpg";
    else
        im.src="Colinas azules.jpg";    
}
</script>
</head>
<body>
<img id='im1' name='imagen' src='Colinas azules.jpg' />
<div id='div1' name='divI' onmouseover='cambio(document.imagen,true)' onmouseout='cambio(document.imagen.id,false)' style='position:relative;bottom:600px;left:10px;'>a</div>
</body>
</html>

Te lo he hecho así un poco cutrillo pero creo que te servirá para que te hagas una idea de como puedes hacerlo.

Saludos.

PD: Perdón, me he dejado de decirte que las imágenes que he usado son las que vienen de muestra con el WinXP. Si no las tienes pues editas el script y pones las que quieras!

Adler · #3 (**permalink**) 12/07/2010, 05:32

Hola

Estás hablando de mapear una imagen

Suerte