Foros del Web » Programando para Internet » Javascript »

onMouseOut, distinta imagen en una misma celda...

Estas en el tema de onMouseOut, distinta imagen en una misma celda... en el foro de Javascript en Foros del Web. Buenas, A ver si me explico con claridad... sé utilizar el onMouseOver y onMouseout para poder cambiar una imagen cuando paso el mouse por ella... ...
  #1 (permalink)  
Antiguo 13/07/2009, 09:19
Avatar de Woody  
Fecha de Ingreso: abril-2003
Ubicación: Madrid y Barcelona
Mensajes: 68
Antigüedad: 21 años
Puntos: 0
onMouseOut, distinta imagen en una misma celda...

Buenas,

A ver si me explico con claridad... sé utilizar el onMouseOver y onMouseout para poder cambiar una imagen cuando paso el mouse por ella... lo que quiero hacer es cambiar una imagen de la celda 1, cuando paso el puntero por distintas imagenes que están en la celda 2, celda 3, celda 4...

Es decir, que la imagen de la celda 1 cambie por una imagen distinta cada vez, segun si tengo el puntero encima de otra imagen en otra celda.
  #2 (permalink)  
Antiguo 13/07/2009, 11:57
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: onMouseOut, distinta imagen en una misma celda...

Hola

A las imágenes de las celdas 2,3,4 le pones un id con el nombre de la imagen. Ante un evento sobre esas celdas mandas a llamar a una función que recoja la id de las celdas 2,3,4 como argumento y finalmente usas ese argumento para mostrar la imagen en la celda 1

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;" />
  #3 (permalink)  
Antiguo 13/07/2009, 14:29
Avatar de Woody  
Fecha de Ingreso: abril-2003
Ubicación: Madrid y Barcelona
Mensajes: 68
Antigüedad: 21 años
Puntos: 0
Respuesta: onMouseOut, distinta imagen en una misma celda...

Perdona el abuso... pero me podrias poner un codigito de ejemplo... en esto del java voy un poco pez...
  #4 (permalink)  
Antiguo 13/07/2009, 14:40
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: onMouseOut, distinta imagen en una misma celda...

Hola

Creo que esto debería de funcionar

Código javascript:
Ver original
  1. function funcion(IDelem) {
  2. document.images["queimagen"].src = IDelem + ".gif";
  3. }
  4.  
  5. <img id="queimagen" src="primeraimagen.gif"><br />
  6. <img src="imagen1.gif" id="imagen1" onclick="funcion(this.id);"><br />
  7. <img src="imagen1.gif" id="imagen1" onclick="funcion(this.id);"><br />
  8. <img src="imagen1.gif" id="imagen1" onclick="funcion(this.id);">

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;" />
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 09:27.