como hacer este efecto

[walterfcr]

buenas!!

resulta que estaba viendo esta pagina pues necesito hacer la mism pero en español

http://www.green-pan.com/en/rio-collection-1617.htm

y quiero hacer eso que pasa uno el cursor por el texto y cambia la imagen
(en la parte donde dice available items)

no se si es con js o solo con css pero no se como se llama ese efecto si es que tiene nombre y veo el codigo fuente y no lo decifro

si alguno me puede ayudar le agradezco, por lo menos el nombre del efecto o algun otro similar

[xFantaSx]

Mmm
Lo que tendrías que hacer es poner un div para cada una de las imágenes que aparecerán, ubicados en la misma posición, lo podrías poner con posición absoluta.
Y luego creas la pseudo-clase hover en cada link para que cambie la imagen del div.
quedaría algo como: " link1:hover .div1 {background-image:....}.
haces esa misma regla para los demás links y sale.

Hace poco hice un menú con esas características, pero no sé si haya una forma más fácil o de simplificar código, pero esa va.

Saludos.

[walterfcr]

no entendi muy bien, es algo asi como los sprites?

[xFantaSx]

Pues mira, lo puedes hacer igualmente con sprites que sería mucho mejor (así lo hice yo), pero también lo puedes hacer con varias imágenes.
el compañero C2am me hizo un ejemplo cuando tuve ese problema, acá te dejo el link:
http://jsfiddle.net/c2am/Fjtqq/8/
Si no entiendes algo me dices.

[walterfcr]

exactamente eso era lo que buscaba! ya lo probe y funciona perfecto, solo un pequeño inconveniente

como hago que no salga el texto, solo la imagen? pues al poner los divs y si borro el texto no salen

[destinopolinesia]

aqui el hover es sobre una imagen pero yo creo que te vale el css lo resumí bastante por lo que lo podrías cambiar sin problemas cv-infirmiere.eu5.org
o si no aqui tambien assofenua.orgfree.com/lienzosheiva.htm saludos polinesia2012.com

[xFantaSx]

Pues para que no salga el texto tendrías que poner la imágen que desees, y luego le pones un display:inline-block al div para que te contenga la imágen y ya está.
También podrías especificar width y height para el recuadro y así no necesitaría texto para aparecer.

[walterfcr]

pura vida!

y como podria hacer para que solo la primer imagen quede visible desde el principio?