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

idangero.us swiper - 当图像大于窗口

1 个答案: