Foros del Web » Programando para Internet » Javascript »

problema cambiar imagen en un iframe con onmouseover

Estas en el tema de problema cambiar imagen en un iframe con onmouseover en el foro de Javascript en Foros del Web. Hola, tengo una pagina con un iframe, dentro de este muestro unas fotos, y quisiera que al pasar por encima, substituya las fotos por otras, ...
  #1 (permalink)  
Antiguo 09/02/2010, 05:38
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 11 años, 4 meses
Puntos: 0
problema cambiar imagen en un iframe con onmouseover

Hola, tengo una pagina con un iframe, dentro de este muestro unas fotos, y quisiera que al pasar por encima, substituya las fotos por otras, pero no se como hacerlo. prove con esto...

pagina que se muestra dentro del iframe
<head>
<SCRIPT>function cambiar () {
document.imatge.src = "img/imatge.png";
}
</SCRIPT>
</head>
<body>
<a href="paginaX.html" target="x" onMouseOver="cambiar();"
<img src="img/imatge.png"name="imatge"></a>
</body>

Utilizo las mismas sentencias en la pagina principal y ningun problema, pero dentro del iframe no hay manera.

Tambien prove de poner document.getElementById('cos').imatge.src = "img/imatge.png"; donde "cos" es el nombre del iframe, pero nada, tambien revise el foro y solo encontre esto:

[URL="http://www.forosdelweb.com/wiki/Javascript:_Rollover"]http://www.forosdelweb.com/wiki/Javascript:_Rollover[/URL]

pero no funciono igualmente,alguna idea?

Muchas gracias gente!
  #2 (permalink)  
Antiguo 09/02/2010, 07:04
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 13 años, 3 meses
Puntos: 574
Respuesta: problema cambiar imagen en un iframe con onmouseover

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <title>Documento sin t&iacute;tulo</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. var original;
  5. function cambiar (obj,srcImatge) {
  6. original=obj.src;
  7. obj.src = srcImatge;
  8. }
  9.  
  10. function tornaaCambiar(obj){
  11. obj.src = original;
  12. }
  13.  
  14. </head>
  15. <a href="css/paginaX.html" target="x">
  16. <img src="img/imatge1.png" name="imatge" onMouseOver="cambiar(this,'img/imatge2.png');" onMouseOut="tornaaCambiar(this)"></a>
  17. </body>
  18. </html>


Si?

He cambiado el evento a ejecutar de objeto del "a" a la imagen y paso a la funcion el objeto a cambiar y la ruta a la imagen nueva. Antes de cambiar la imagen guardo la original en una variable para poder recuperarla en onMouseOut.

Quim

(Així serà tot terreny i pots posar una imatge diferent en cada cas)
  #3 (permalink)  
Antiguo 09/02/2010, 08:47
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: problema cambiar imagen en un iframe con onmouseover

quimfv ets un crack! ni mes ni menys!

Me solucionaste la duda y ademas me adelantaste un monton d curro!
Muchas muchas muchas gracias por esa luz k tiraste en mi camino!!

Suerte master, k pases buen dia!

Etiquetas: iframe, onmouseover
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 15:15.