Foros del Web » Programando para Internet » Javascript »

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

Estas en el tema de Cambiar imagen al pasar ratón por una región en concreto en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/07/2010, 18:14
 
Fecha de Ingreso: mayo-2010
Mensajes: 51
Antigüedad: 13 años, 10 meses
Puntos: 0
Cambiar imagen al pasar ratón por una región en concreto

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.
  #2 (permalink)  
Antiguo 12/07/2010, 05:20
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 3 meses
Puntos: 8
Respuesta: Cambiar imagen al pasar ratón por una región en concreto

Hola,

Mira a ver si esto es lo que quieres:

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script type='text/javascript'>
  4. function cambio(obj,dentro)
  5. {
  6.     im = document.getElementById("im1");
  7.     if(dentro)
  8.         im.src="Puesta de sol.jpg";
  9.     else
  10.         im.src="Colinas azules.jpg";   
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <img id='im1' name='imagen' src='Colinas azules.jpg' />
  16. <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>
  17. </body>
  18. </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!

Última edición por crujikoki; 12/07/2010 a las 05:22 Razón: Aclaración
  #3 (permalink)  
Antiguo 12/07/2010, 05:32
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 2 meses
Puntos: 126
Respuesta: Cambiar imagen al pasar ratón por una región en concreto

Hola

Estás hablando de mapear una imagen

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: pasar, región
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:25.