problema básico: hover en imagenes

ras_chalo · #1 (**permalink**) 14/07/2011, 02:38

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!

Isra_84 · #2 (**permalink**) 14/07/2011, 02:40

Prueba a hacer un div con la imagen como background y aplica al div el :hover cambiando el background.

IsaBelM · #3 (**permalink**) 14/07/2011, 04:43

usa css sprites para hacer el rollover

cristian_cena · #4 (**permalink**) 14/07/2011, 07:05

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.