Foros del Web » Creando para Internet » CSS »

problema básico: hover en imagenes

Estas en el tema de problema básico: hover en imagenes en el foro de CSS en Foros del Web. hola, he estado intentando un buen rato hacer algo muy básico que es que una imagen al pasar el mause sobre ella cambie de imagen. ...
  #1 (permalink)  
Antiguo 14/07/2011, 03:38
Avatar de ras_chalo  
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 6 años, 6 meses
Puntos: 6
Pregunta problema básico: hover en imagenes

hola, he estado intentando un buen rato hacer algo muy básico que es que una imagen al pasar el mause sobre ella cambie de imagen.

entiendo que se le debe poner el hover... de hecho es una imagen de enlace, asi que hice algo como:

.galeria a:hover img{

background-image: url (image/avatar_2);

}

esa es mi noción básica de lo que necesito hacer... solo que muestra una imagen 2, nada mas, sin efectos ni nada....

me preguntaba si alguno de Uds. tendrá algo que me ayude...
Muchas gracias de ante mano!

Saludos!
  #2 (permalink)  
Antiguo 14/07/2011, 03:40
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 5 años, 8 meses
Puntos: 1
Respuesta: problema básico: hover en imagenes

Prueba a hacer un div con la imagen como background y aplica al div el :hover cambiando el background.
  #3 (permalink)  
Antiguo 14/07/2011, 05:43
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 6 meses
Puntos: 1008
Respuesta: problema básico: hover en imagenes

usa css sprites para hacer el rollover
  #4 (permalink)  
Antiguo 14/07/2011, 08:05
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 6 meses
Puntos: 269
Respuesta: problema básico: hover en imagenes

Sobre el uso de sprites puedes ver este ejemplo funcionando, adaptalo a tu gusto. presta atención en como usamos background-position en el js. Aunque no es estrictamente necesario usar js, también existen los pseudoselectores/elementos css, como por ejemplo :hover. por lo que podrías hacerlo solo con css si quieres, tu elijes.

Saludos.

Etiquetas: hover, imagenes, fondo
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 18:11.