Mouse over con imagenes

[pacus]

Hola. Quiero hacer lo siguiente: Que al pasar el mouse por una imagen esta despliegue alguna especie de popup con la imagen agrandada y que al salir de la imagen el popup o lo que sea desaparezca.

Agradezco mucho su ayuda.

[lair]

Hola.

prueba con esto:

Código HTML:

<div onmouseover="document.getElementById('div2').style['color']='#ff0000'" onmouseout="document.getElementById('div2').style['color']='#000000'">
    Este es el div 1
</div>
<div id='div2'>
    este es el div 2
</div>
 

la parte del popup yo creo que le puedes hechas imaginacion apartir de esto.

Suerte.

[pacus]

Gracias. Alguna otra sugerencia?

[Ciel]

Los mejores efectos de ese tipo, para mi... lo logras con jQuery...

Aca tenes 2 ejemplos que creo que es lo que buscas:

http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/
http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

Y tambien tenes este otro que no es exactamente lo que buscas pero tiene algo de similitud y quizas te interesa, o para otro proyecto, no se...

http://www.queness.com/post/590/jquery-thumbnail-with-zooming-image-and-fading-caption-tutorial

[pacus]

Millón gracias loco, te ganaste karma positivo.