JQuery Swiper管理不同的图像大小

Question

我使用JQuery swiper制作幻灯片，但如果我有多张不同尺寸的图片Jauery swiper，则无法正确管理图片。

以下是结果的屏幕截图：

这是我的代码：

 Swiper('#swiper', {
        direction: 'horizontal',
        loop: false,
        autoplay: 2000,
        autoplayDisableOnInteraction: true,

        nextButton: true,
        prevButton: true,

        zoom: true,
        centeredSlides: true,
        calculateHeight: true,

        pagination: '.swiper-pagination',
        paginationClickable: true,
        slidesPerView: 5,
        spaceBetween: 30,
    });

Answer 1

确保在图像上设置宽度以防止溢出。

像img { max-width: 100%; }

这样的东西

需要您的HTML源代码才能进一步诊断。