var startX = ''; function InicioCambioImagen(event, i) { startX = event.touches[0].pageX; } function CambiandoImagen(event, i) { if (!bloquearDeslizamiento) { var endX = event.changedTouches[0].pageX; if (startX > endX) PrepararSiguienteImagen(i); else PrepararAnteriorImagen(i); } } function PrepararSiguienteImagen(id) { SiguienteImagen('divCarrusel_' + id, false); SiguienteImagen('divCarruselAmpliado_' + id, true); } var nextAnimationMin = false, nextAnimationAmp = false; function SiguienteImagen(id, esAmpliada) { var currentSlide = $('#' + id + ' .slide-image:first'); var width = currentSlide.width(); var lastSlide = $('#' + id + ' .slide-image:last'); if (nextAnimationAmp && esAmpliada) SiguienteAnimacion(id, currentSlide, lastSlide); if (nextAnimationMin && !esAmpliada) SiguienteAnimacion(id, currentSlide, lastSlide); if (esAmpliada) nextAnimationAmp = true; else nextAnimationMin = true; currentSlide.animate({ 'margin-left': -width }, 500, function () { currentSlide.remove().css({ 'margin-left': '0px' }); lastSlide.after(currentSlide); if (esAmpliada) nextAnimationAmp = false; else nextAnimationMin = false; }); } function SiguienteAnimacion(id, currentSlide, lastSlide) { currentSlide.stop(); currentSlide.remove().css({ 'margin-left': '0px' }); lastSlide.after(currentSlide); currentSlide = $('#' + id + ' .slide-image:first'); width = currentSlide.width(); lastSlide = $('#' + id + ' .slide-image:last'); } function PrepararAnteriorImagen(id) { AnteriorImagen('divCarrusel_' + id); AnteriorImagen('divCarruselAmpliado_' + id); } function AnteriorImagen(id) { var currentSlide = $('#' + id + ' .slide-image:first'); var width = currentSlide.width(); var last = $('#' + id + ' .slide-image:last'); last.remove().css({ 'margin-left': -width }); currentSlide.before(last); last.animate({ 'margin-left': '0px' }, 500); }