idangero.us swiper - 图像大于窗口时调整大小错误

Question

当我将窗口调整为图像大于它的点时，出现此问题。发生这种情况时，当前图像会在左侧轻微裁剪，并显示前一张图像。我有一个图像来显示这个：（原来我不能发布图像！） 绿色的矩形显示正常的图像。在红色的矩形里面，有一小部分是以前的图像，它是“推动”的主要图像。

我试着改变CSS，它似乎在translate3d属性中有一个错误的计算，但我不知道如何解决它。

Answer 1

function swipper_resize(){ 
    var mySwiper = $('.swiper-container').swiper({ 
     slidesPerView:4, 
     paginationClickable: true, 
     spaceBetween: 20, 
     nextButton: '.swiper-button-next', 
     prevButton: '.swiper-button-prev', 
     autoplay: 3000, 
     freeMode: true 

    }) 
    var a = $(window).width() 
    if (a>1000)mySwiper.params.slidesPerView = 4; 
    if (a>480 && a<=640) mySwiper.params.slidesPerView = 3; 
    if (a<=480) mySwiper.params.slidesPerView = 2; 
    if (a<=320) mySwiper.params.slidesPerView = 1; 
}