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
| |||
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 |
| ||||
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: |