Mil Retos con el Mouse

[GXT2]

Saludos amigos.
HOy tengo un reto interesante...
tengo que hacer que al pasar el mose sobre una foto
inmediatamente aparezca la foto mas grande.

Ahora, se que hay codigo de esta aplicacion por ahi ...
pero el reto se pone mas interesante cuando tengo
que no solo popular la foto sino que el titulo y la description del mismo

Alguien me podria ayudar :

Como se llama esa tecnica?
Si alguien tiene algun link interesante para investigar
Y Si alguien sabe donde conseguir ese codigo seria ideal .

Mil gracias de antemano.

[GatorV]

Mensaje trasladado desde AJAX a Javascript

[abimaelrc]

Es verdad que lo puedes lograr con javascript, pero mira este ejemplo usando solo CSS http://araudi.net/ejemplos/ampliador...nes_panel.html. En la pagina http://araudi.net hay más ejemplos usando solo CSS. Tambien si quieres ejemplos de javascript visita esta pagina, vas a encontrar muchos ejemplos http://caricatos.net/

[GXT2]

Iniciado por abimaelrc

Es verdad que lo puedes lograr con javascript, pero mira este ejemplo usando solo CSS http://araudi.net/ejemplos/ampliador...nes_panel.html. En la pagina http://araudi.net hay más ejemplos usando solo CSS. Tambien si quieres ejemplos de javascript visita esta pagina, vas a encontrar muchos ejemplos http://caricatos.net/

Mil gracias es el codigo que necesitaba ...
gracias por tu tiempo y a todos lo que aportaron por aqui

de la misma fuente hay mas ejemplos : http://araudi.net
PAZ

[GXT2]

pongo todo el codigo aqui de el siguiente ejemplo
http://araudi.net/ejemplos/ampliador_imagen.html

Antes de <Header>

Código HTML:

 <style type="text/css">
#contenedor {position: relative;}

.miniatura{ z-index: 0;
text-decoration: none;
}
.miniatura:hover {background-color: transparent;
z-index: 1;
}
.miniatura span {padding: 5px;
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0;
}
.miniatura:hover span { visibility: visible;
top: 0;
left: 60px;
}
.miniatura img {border: 0;}
.miniatura img.mini {height: 150px; width: 200px;}
</style> 

Codigo HTML

Código HTML:

<div id="contenedor">
<a href="http://www.xyberneticos.com" class="miniatura"><img class="mini" src="../img/xiberneticos.jpg" alt="logo de xyberneticos" /><span><img src="../img/xiberneticos.jpg" alt="logo de xyberneticos ampliado" /><br/>
Aqui puedes añadir una pequeña referencia de la foto </span></a>
</div>