Foros del Web » Programando para Internet » Javascript » Frameworks JS »

duda slider horizontal

Estas en el tema de duda slider horizontal en el foro de Frameworks JS en Foros del Web. Buenas estoy usando una galeria que por cosa de diseño se ve una imagen centrada y parte de la imagen anterior y la siguiente. para ...
  #1 (permalink)  
Antiguo 08/11/2011, 08:48
 
Fecha de Ingreso: marzo-2011
Mensajes: 21
Antigüedad: 13 años, 8 meses
Puntos: 0
duda slider horizontal

Buenas
estoy usando una galeria que por cosa de diseño se ve una imagen centrada y parte de la imagen anterior y la siguiente.

para ir hacia delante ya lo he conseguido ajustar que la ultima imagen termine en su sitio pero al darle hacia atras me sale un poco desplazada la ultima imagen

este era el codigo de la anchura total que tambien llegaba al final desplazada
Código Javascript:
Ver original
  1. totalWidth = (slides.length * slides[0].offsetWidth) - slides[0].offsetWidth
sin entenderlo le añadi -1 y entonces llega bien a la ultima imagen
Código Javascript:
Ver original
  1. totalWidth = (slides.length * slides[0].offsetWidth) - slides[0].offsetWidth -1
pero cuando vuelvo atras me sale desplazada esta es la funcion
Código Javascript:
Ver original
  1. switch (direction) {
  2.             case 'right': //Derecha
  3.                 if (position+slides[0].offsetWidth > totalWidth){ //Si la siguiente posición se sale del contenedor, vuelve al principio.
  4.                     $('#slider:not(:animated)').animate({scrollLeft:0},1000);
  5.                 } else { //Si no es el final, suma a la posición actual la anchura del slide.
  6.                     $('#slider:not(:animated)').animate({scrollLeft:position+slides[0].offsetWidth},1000);
  7.                 }
  8.                 break;
  9.  
  10.             case 'left': //Izquierda
  11.                 if (position-slides[0].offsetWidth < 0){ //Si la siguiente posición se sale del contenedor, vuelve al final. iba menor de 0
  12.                     $('#slider:not(:animated)').animate({scrollLeft:totalWidth},1000); // aqui iba totalwidth en vez de cero
  13.                 } else { //Si no es el final, resta a la posición actual la anchura del slide.
  14.                     $('#slider:not(:animated)').animate({scrollLeft:position-slides[0].offsetWidth},1000);
  15.                 }
  16.                 break;
  17.         }
¿como le podria dar que desplazaria un tercio menos de la anchura total de la imagen en la parte de volver al final si la imagen sale del contenedor ?
u otra pregunta
¿convertirla en bucle infinito la galeria seria muy complicao?
Gracias

Etiquetas: funcion, horizontal, slide, slider
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 20:52.