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:
sin entenderlo le añadi -1 y entonces llega bien a la ultima imagen Ver original
totalWidth = (slides.length * slides[0].offsetWidth) - slides[0].offsetWidth
Código Javascript:
pero cuando vuelvo atras me sale desplazada esta es la funcion Ver original
totalWidth = (slides.length * slides[0].offsetWidth) - slides[0].offsetWidth -1
Código Javascript:
¿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 ?Ver original
switch (direction) { case 'right': //Derecha if (position+slides[0].offsetWidth > totalWidth){ //Si la siguiente posición se sale del contenedor, vuelve al principio. $('#slider:not(:animated)').animate({scrollLeft:0},1000); } else { //Si no es el final, suma a la posición actual la anchura del slide. $('#slider:not(:animated)').animate({scrollLeft:position+slides[0].offsetWidth},1000); } break; case 'left': //Izquierda if (position-slides[0].offsetWidth < 0){ //Si la siguiente posición se sale del contenedor, vuelve al final. iba menor de 0 $('#slider:not(:animated)').animate({scrollLeft:totalWidth},1000); // aqui iba totalwidth en vez de cero } else { //Si no es el final, resta a la posición actual la anchura del slide. $('#slider:not(:animated)').animate({scrollLeft:position-slides[0].offsetWidth},1000); } break; }
u otra pregunta
¿convertirla en bucle infinito la galeria seria muy complicao?
Gracias