como hacer aparecer una imagen cuando poso el puntero sobre un enlace

skielz · #1 (**permalink**) 13/02/2011, 18:30

El tema es que quiero hacer que la imagen no aparezca sobre el enlace, sino en otro lugar.
mi pagina esta dividida en 2 columnas. En la columna izquierda estan todos los links uno abajo del otro, y en la columna derecha deje el espacio vacio.
Lo que queiro es que cuando poso el puntero sobre alguno de los links de la columna izquierda, en la columna derecha aparezca la imagen relacionada con ese link.

Se me entiende?

cristian_cena · #2 (**permalink**) 14/02/2011, 00:27

usa javascript para hacer esto. con css sería sino imposible demasiado rebuscado. Saludos.

jomaruro · #3 (**permalink**) 14/02/2011, 04:17

Hola:

Échale un vistazo a la página de Mikmoro en el apartado de rollover, quizá te sirva de ayuda.

Saludos.

kseso? · #4 (**permalink**) 14/02/2011, 08:00

Código CSS:

Ver originala img {display: none}
a:hover img {
display: block;
position: absolute;
left:Xpx;
top: Xpx;
}

Dos peros:
1º: si son muchas y/o pesadas las imágenes, quizás deba plantearse utilizar javascript. Tema de carga simultánea y peso de la página.
2º: esfuércese un poquito más a la hora de la consulta y ponga los código implicados. Así recibirá mejores y más centradas respuestas.