Foros del Web » Creando para Internet » Diseño web »

Duda efecto en imágenes

Estas en el tema de Duda efecto en imágenes en el foro de Diseño web en Foros del Web. Buenas a todos, hoy vengo con otra consulta para ver si pueden ayudarme. He visto en muchos sitios, que usan diferentes imágenes de fondo (una ...
  #1 (permalink)  
Antiguo 20/04/2013, 11:50
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 2 meses
Puntos: 14
Duda efecto en imágenes

Buenas a todos, hoy vengo con otra consulta para ver si pueden ayudarme.
He visto en muchos sitios, que usan diferentes imágenes de fondo (una debajo de otra, o una al lado de otra) las cuales nunca se ven al 100%, el contenido que hay sobre ellas las va descubriendo o cubriendo respectivamente, y la verdad no tengo bien en claro como lo hacen. Para que se hagan una idea de a lo que me refiero, les dejo esta web como ejemplo: https://www.spotify.com/es/ . Si bajan o suben en la web, vera a lo que me refiero con las fotografías de fondo, nunca se ven al 100%, se cubren y descubren a medida que se baja o sube con el scroll.
Desde ya, les agradezco como siempre su tiempo al leer y responder este tema. Saludos
  #2 (permalink)  
Antiguo 22/04/2013, 23:06
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Duda efecto en imágenes

Es una técnica llamada parallax scrolling. Básicamente, es tomar mediante JavaScript la posición del scroll y dividir entre X dicha posición —para tener un número más pequeño que el scroll que se está haciendo— e inyectar ese número a background-position.

Realmente es algo sencillo.
  #3 (permalink)  
Antiguo 23/04/2013, 04:11
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 2 meses
Puntos: 14
Respuesta: Duda efecto en imágenes

Te agradezco muchísimo. He buscado mas detalles sobre parallax y encontré muchas cosas interesantes, entre ellas la web de nike: http://www.nike.com/jumpman23/aj2012/
No soy muy experto en js, conozco un poco de jquery, no se que tan complicado pueda ser lograr esos efectos. Podrías, si no es mucha molestia, brindarme un ejemplo corto de código para poder crearme una idea de como debería generarlo?
Desde ya muchas gracias.

Etiquetas: contenido, efecto
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 18:26.