1. Inicio
  2. Pregunta y respuesta
  3. jQuery parallax tutorial?

jQuery parallax tutorial?

2012-01-23 7 views
8

Necesito usar un jquery parallax en un sitio web que estoy creando para un cliente, principalmente soy un desarrollador de back-end, así que estoy aprendiendo más sobre front-end y jquery, etc. He encontrado ejemplos como http://www.nikebetterworld.com/ y tutoriales sin embargo Me preocupan los problemas de derechos de autor, así que me preguntaba si alguien había descubierto un tutorial confiable y fácil para principiantes para crear un efecto de paralaje. GraciasjQuery parallax tutorial?

Fuente

2012-01-23 green_arrow

Respuesta

15

Estoy muy tarde a la fiesta, pero sólo para tirar otro en allí para la auto-promoción descarada :), puse un sencillo tutorial juntos hace unos días:

http://blog.fraser-hart.co.uk/jquery-parallax-scrolling/

Si' Si tienes alguna pregunta sobre algo allí, no dudes en dejarme un mensaje y te puedo hablar sobre cualquier tema que no estés seguro.

Fuente

2012-09-06 00:10:40 Fraser

+2

Hola Fraser, qué extraño, en realidad encontré tu complemento el otro día :) fabuloso trabajo que tengo que decir y es exactamente lo que estaba buscando en mi proyecto. Es mucho más efectivo y realmente entiendo cómo se hace :) –

+1

Me alegro de que fue de ayuda :) Voy a trabajar en otro este fin de semana que incorpora la animación de sprites. – Fraser

+1

He agregado una nueva publicación que amplía esto para incluir también alguna buena animación de sprites si está interesado – Fraser

3

acabo de terminar de trabajar en un solo Jesterday :) debe considerar el uso: http://johnpolacek.github.com/scrolldeck.js/ o http://www.jarallax.com/demo/ (funciona en android) #its un proyecto completamente nuevo por lo que su aún en desarrollo

para los puntos de desplazamiento fácilmente personalizables, puede usar esto: http://cssdeck.com/labs/swayiqbq/2 (es bastante útil al anular los puntos de desplazamiento predeterminados (que es de diapositiva a diapositiva en scrolldeck.js))

No estoy seguro de si está trabajando solo en el código, o si está haciendo tanto gráficos como código. Si es el primer escenario, debe darle un tutorial a su diseñador sobre cómo funciona esto para realmente usar el efecto de paralaje. Además, hacer que todo parezca tan atractivo en 1920x1080 como en 1024x768 podría ser un desafío complicado en algunos casos.

Fuente

2012-04-16 16:39:18 mymlyn

+1

+1 para el diseñador de tutoría, ¡las cosas definitivamente podrían ponerse feas! – DBUK

22

Algunos tutoriales, disculpen los anteriormente mencionados en este tema:

Algunos, posiblemente, plugins útiles que podrían trabajar bien con paralaje:

me gusta especialmente el plugin InView para activar animaciones CSS3 cuando se desplaza a la vista.

Y, algunos ejemplos de sitios web más bonitas de paralaje para la inspiración y el código de espionaje:

http://www.awwwards.com parece estar rebosante de sitios web de paralaje.

Fuente

2012-06-21 16:47:31 DBUK

+1

Grandes enlaces, ¡Thx! ¿Alguna sugerencia sobre ejemplos de Parallax que se pueda implementar en iPads? –

+1

Lamentablemente, no tengo un iPad, por lo que el paralaje en el iPad, etc., es ajeno a mí. ¿IOS no tiene un problema con la posición fija? – DBUK

Cuestiones relacionadas

 Cuestiones relacionadas