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 originaltotalWidth = (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 originaltotalWidth = (slides.length * slides[0].offsetWidth) - slides[0].offsetWidth -1
pero cuando vuelvo atras me sale desplazada esta es la funcion
Código Javascript
:
Ver originalswitch (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;
}
¿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