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; 
}