Foros del Web » Creando para Internet » Diseño web »

como hacer efecto

Estas en el tema de como hacer efecto en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/05/2011, 15:16
 
Fecha de Ingreso: noviembre-2005
Mensajes: 96
Antigüedad: 12 años, 1 mes
Puntos: 1
como hacer efecto

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
  #2 (permalink)  
Antiguo 03/05/2011, 18:17
Avatar de Marthita23  
Fecha de Ingreso: enero-2003
Ubicación: Edo Mexico
Mensajes: 485
Antigüedad: 14 años, 11 meses
Puntos: 17
Respuesta: como hacer efecto

Esta increíble por favor si lo consigues me comentas vale a mi me gustaría algo igual.
  #3 (permalink)  
Antiguo 03/05/2011, 20:55
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: como hacer efecto

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.

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:34.