Foros del Web » Creando para Internet » HTML »

Duda efectos Paralax y más

Estas en el tema de Duda efectos Paralax y más en el foro de HTML en Foros del Web. Hola buenos días, Tengo el diseño de una página que, por lo que me comenta el cliente, su animación o efectos debe ser similares a ...
  #1 (permalink)  
Antiguo 12/07/2013, 10:30
Avatar de Middrel  
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años
Puntos: 27
Duda efectos Paralax y más

Hola buenos días,

Tengo el diseño de una página que, por lo que me comenta el cliente, su animación o efectos debe ser similares a los de estas páginas:

http://journey.lifeofpimovie.com/
http://www.glpcreative.com/

Sin embargo, veo que los scripts que usaron o plugins, no son comerciales. Me da la impresión que fueron desarrollados por la misma compañía o algo así.

Fuera de esto, no se si esto lo hicieron 100% en html5 con programación de javascript, o utilizaron alguna otra técnica o programa. Algunos me comentan que pudo ser con Adobe Edge pero la realidad es que conozco poco, como hacer estos sitios.

Por ello les pregunto si saben que debo analizar para poder hacer estas páginas o si hay que comprar, bajar, o conseguir algún plugin.

De antemano, les agradezco sus comentarios.

Buen viernes a todos!! Saludos!
  #2 (permalink)  
Antiguo 12/07/2013, 16:01
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Duda efectos Paralax y más

Que bonitas paginas.

No cheque codigo, yo lo haria

Esa forma de scrollear lentamente se consege seguramente con el evento mousewheel + el metodo scrollto

El efecto de desplazar las imagenes con el scroll del mouse seguramente se consigue...
2 divs cada uno con un background, cuando llegas a cierta posicion uno se sigue dezplazando con el scroll y otro cambia a position: fixed

Las imagenes animadas supongo que igual es un div con fixed y el evento mousewheel hace lo necesario para crear la animacion

No creo que sea complicado pienso que es obtener posicion y ejecutar

La posicion donde vas la obtienes con pageXoffset o pageYoffset

Saludos
  #3 (permalink)  
Antiguo 12/07/2013, 18:37
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: Duda efectos Paralax y más

http://ianlunn.co.uk/plugins/jquery-parallax/
http://johnpolacek.github.io/scrollorama/

Etiquetas: efectos, html5, todo
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 02:35.