Foros del Web » Programando para Internet » Javascript »

Cambiar imagen al tener el focus

Estas en el tema de Cambiar imagen al tener el focus en el foro de Javascript en Foros del Web. Hola amigos como estais, vereis tengo una imagen y me gustaria que cuando esta tuviese el focus la cambiase por otra, a ver si alguien ...
  #1 (permalink)  
Antiguo 14/11/2012, 14:04
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 17 años, 1 mes
Puntos: 4
Cambiar imagen al tener el focus

Hola amigos como estais,

vereis tengo una imagen y me gustaria que cuando esta tuviese el focus la cambiase por otra, a ver si alguien tiene una idea de como se podria hacer esto


Un saludo y mil gracias
  #2 (permalink)  
Antiguo 14/11/2012, 14:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Cambiar imagen al tener el focus

Hola:

Lo que quieres se conoce como efecto rollover... el clásico consistía en cambiar el atributo src de la etiqueta img, pero no siempre es una buena opción... yo prefiero tener dos etiquetas img y solo mostrar una: Javascript: rollover.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 14/11/2012, 14:23
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: Cambiar imagen al tener el focus

El evento onFocus no es compatible con el tag img.

En todo caso tendrias que usar onmouseover y onmouseout, con lo que cambiará la foto cuando pases el raton por encima....

La forma mas basica para hacerlo seria esta

Código HTML:
Ver original
  1. <img src="...imagen original..." onmouseover="this.src='...nueva imagen...'"  onmouseout="this.src='...imagen original...'"/>
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.

Etiquetas: focus, tener
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 16:03.