como hacer efecto

[chaleko]

que tal amigos
algunos de los capos de aca sabra como se hace el efecto que aparece en este sitio archive.nandocosta.com/.

Si se fijan al pinchar en una foto carga en la misma pagina y desplaza las demas

como se hace ese efectillo.
Saludos

[Marthita23]

Esta increíble por favor si lo consigues me comentas vale a mi me gustaría algo igual.

[cristian_cena]

Todas las cajas estan flotadas a la izquierda (float:left;) y cada caja contiene:
1 tumbnail
2 boton cerrar
3 titulo
4 descripcion
5 galeria de imagenes
6 pie de foto

2, 3, 4 ,5 y 6 tienen display:none; en la hoja de estilos.

luego con javascript, concretamente con jquery expanden y colapsan el contenido.

cuando hacemos click sobre la caja se produce un evento onclick que jquery trata como un método:(click()).
Al hacer click sobre la caja se oculta el thumbnail (1) (display:none; o fadeOut();) y se muestra el resto del contenido (2,3,4,5 y 6) (display:block; o fadeIn();)
Luego el mismo evento se aplica a el boton cerrar (2) diciendo que ahora oculte todo y vuelva a mostrar el thumbnail

Para estudiar como está construido este sitio pueden descargar el programa httrack .

Espero les sea útil.

Saludos.