Foros del Web » Programando para Internet » Javascript »

cambiar fondo izquierda/derecha

Estas en el tema de cambiar fondo izquierda/derecha en el foro de Javascript en Foros del Web. Hola buenas! Necesito ayuda con un script que funciona de este modo: Tengo una imagen de fondo, a pantalla completa, y en el extremo izquierdo ...
  #1 (permalink)  
Antiguo 28/07/2011, 06:27
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 12 años, 8 meses
Puntos: 0
Pregunta cambiar fondo izquierda/derecha

Hola buenas!

Necesito ayuda con un script que funciona de este modo:

Tengo una imagen de fondo, a pantalla completa, y en el extremo izquierdo un boton enlazando a una imagen anterior, y al extremo derecho otro boton enlazando a una imagen posterior.
Al clicar por ejemplo a la derecha, haría una "animacion" de correr la imagen hacia la izquierda para dar paso a una nueva imagen. Y del mismo modo pero al contrario.

Sería algo así:

Las flechas serian 2 imágenes que ya tengo diseñadas.


Gracias de antemano!
  #2 (permalink)  
Antiguo 28/07/2011, 06:35
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
Respuesta: cambiar fondo izquierda/derecha

Hay que colocar todas las imágenes una al lado de otra dentro de un elemento que las contenga (para eso deberás usar vía javascript o no, estilos css). Luego hay que introducir el conjunto en una caja con estilo overflow igual a hidden para que actúe como máscara. Finalmente, para mover las imágenes hay 2 caminos:
1)que el contenedor de imágenes tenga position absolute o relative y jugar con la propiedad left para desplazarlo.
2)Colocar el contenedor de imágenes en otro contenedor y jugar con la propiedad scrolLeft.
  #3 (permalink)  
Antiguo 28/07/2011, 06:49
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: cambiar fondo izquierda/derecha

Gracias por la rapidez!

Me ha quedado muy claro, pero ahora viene una nueva duda.

¿Como sería ese contenedor?

Y otra más, ¿con la propiedad left cambiaria directamente la imagen, o haria la transicion de una a otra?
Supongo que luego me tendre que encargar del correcto centrado de la imagen.
  #4 (permalink)  
Antiguo 28/07/2011, 06:56
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
Respuesta: cambiar fondo izquierda/derecha

El contenedor es un elemento html de bloque, por ejemplo un tag div o cualquier elemento de línea al que se le cambie la propiedad display a block.
En cuanto a la animación sólo tendrás que modificar la propiedad en cuestión usando temporizadores. Quizá esto te ayude un poco a ver más claramente cómo hacerla:
http://www.disegnocentell.com.ar/notas2.php?id=239
  #5 (permalink)  
Antiguo 28/07/2011, 06:58
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: cambiar fondo izquierda/derecha

vale, la cosa seria hacer un slide pero con el fondo de pantalla directamente
  #6 (permalink)  
Antiguo 28/07/2011, 07:15
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
Respuesta: cambiar fondo izquierda/derecha

En ese caso es más de lo mismo usando background-position y una animación.
El principal problema a resolver en todos los casos es el armado html/css.
Aquí un ejemplo con jQuery:
http://buildinternet.com/project/sup.../3.2/demo.html
  #7 (permalink)  
Antiguo 28/07/2011, 08:23
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: cambiar fondo izquierda/derecha

capo!

Muchísimas gracias, cuánto te debo?

Etiquetas: fondo, botones
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 12:43.