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源能夠進一步診斷任何。