Cómo hacerlo con jquery
Estoy diseñando una revista web (html, css y js -no
flash-) para mi trabajo final de máster. Me preguntaba si sabías de
algún plugin de jquery que permita funcionar como la siguiente web:
http://magazine1.suitupordie.com/
Me refiero al estilo de navegación por scroll vertical ( a modo de pasapáginas) y al scroll horizontal pulsando el botón lateral.
3 respuestas
Primero enhorabuena por no usar flash XD, no tengo nada en contra de esa tecnología, pero se esta usando mucho y mal y como programador prefiero alternativas mas eficientes en rendimiento.
Esa web que me enseñas tiene un trabajo de diseño espectacular la verdad y emplea HTML5. El problema del HTML5 es la compatibilidad con navegadores actuales de ahí que te recomiende basarte mas en JQuery que en HTML5. He encontrado un tutorial que te enseña a crear un efecto como el que buscas. Pero yo te recomendaría ir un paso mas allá. Mediante la función animate() puedes combinar animaciones de efectos de forma espectacular para tu proyecto. Por ahora espero que esto te sirva.
http://blogs.msdn.com/b/thebeebs/archive/2010/11/10/how-to-create-an-awesome-scrolling-navigation-using-jquery.aspx
También te pongo un plugin para simular el paso de páginas por si le encuentras utilidad en tu diseño
http://builtbywill.com/code/booklet/
Y muy importante para que los visitantes no se marchen desesperados, es disponer de un preloader
http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/
Yo te recomendaría que no siguieses la filosofía de poner todo en la pagina y luego mover cajas, cambiar anchos etc.. en su lugar yo te recomendaría ir cargando el conenido dinámicamente mediante AJAX que también es fácil de utilizar con jQuery. Combinándolo con los efectos, podrías ir cargando poco a poco la pagina y mejorará el rendimiento sobre todo si vas a emplear imágenes pesadas.
No puedo visualizar la pagina o el efecto que me dices estimado.
<a>http://magazine1.suitupordie.com/</a>
El link funciona perfectamente, acaso que uses explorer. Prueba en Chrome o en Firefox. ;)
Bueno aquí te comparto una url que tiene muchos plugins jQuery, espero te sirva de algo.
http://pixelcoblog.com/240-plugins-para-jquery/#.T-kT6hd2Ydk
He visto algunos hechos, pero que conozca en detalle un plugin o herramienta hecha en jquery por el momento NO.
Te puedo referenciar uno, pero como te digo, no lo he implementado como tal, así que te tocaría leer la documentación