CSS al estilo de Cargo Collective
5 seguidores
Buenas!,
estoy intentando hacer una web algo similar a lo que usan en cargocolective.
tengo las cosas maquetadas con css por separado, pero me gustaría hacer algo como esto:
http://cargocollective.com/SDallyn
El sistema para que al clicar en el thumbrail este carga otro html sin irse a otra página, parece como q haga un scale del mismo div y dentro cargue un html externo.
no sé si habrá algun ejemplo o plantilla similar por ahí para investigar como lo hacen, si usan de alguna forma jQuery o ajax...
Muchas gracias!!
Cloudstudio
Pues el efecto que tu buscas esta creado en jquery, así que ya sabes por donde partir
thevode
Ya lo sospechaba, gracias. Ahora es saber dónde buscar la metodología,
motion o grapher
Y digo yo, ya que lo de CARGO es una aplicación gratuita y tal, no será más fácil darse de alta y montar el portfolio con sus plantillas ? En mi humilde opinión claro...
Que por cierto estan muy guapas.. Un poco pérdida de tiempo no ?
Por cierto, vi tu útlimo trabajo en xplsv.com.. ta guapo.
jacoborus
Utiliza unos cuantos plugins de jQuery, si miras en el HTML puedes ver:
- Scroll To para los desplazamientos suaves
- History para cambiar la dirección del navegador
- Cycle hace muchos efectos, pero creo que aquí solo lo usan para los fundidos de las imágenes
Con esos y un poco mas de jQuery ( click() load() ) ya deberías poder hacer algo bastante parecido
Saludos
thevode
Pues cargo es gratuito de momento y el hosting es suyo. Yo estoy con promsite y no quiero perderlo, ya que para trabajar a distancia es importante tener un ftp con buen espacio.
jQuery y AJAX creo yo... se me escapa, yo no soy programador, como mucho maquetar en css, html y algo de actionscript pero gracias por la ayuda y la aclaración!.
Un saludo!
Ticones
Estube buscando algo similar hace tiempo y encontré eso.
http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/
http://www.sohtanaka.com/web-design/examples/smart-columns/
http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/
Saludos