Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/11/2011, 08:48
paik
 
Fecha de Ingreso: marzo-2011
Mensajes: 21
Antigüedad: 13 años, 2 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