BxSlider maxslide和minslide

Question

所以基本上，我使用BxSlider 27縮略圖，每個都加載了一個燈箱，所以你可以檢查每個圖像。

事情是，當我加載這個腳本：

$('ul#items').bxSlider({ 
      minSlides: 5, 
      maxSlides: 5, 
      slideWidth: '920px' 
     }); 

我被迫坐上everypage滑塊5個縮略圖。 所以在最後一頁，我的最後3張縮略圖是前3張重複的。

我試着用這個，而不是解決我的問題，

$('ul#items').bxSlider({ 
      minSlides: 1, 
      maxSlides: 5, 
      slideWidth: '920px' 
     }); 

但似乎如果你輸入1作爲minSlides，該腳本將只放1（它給你27頁1縮略圖），幻燈片即使您每張幻燈片最多隻能顯示5張，也是如此。

有什麼辦法解決這個問題？ 非常感謝！

Answer 1

如果你看看example 3它描述你所遇到的問題。由於slideWidth屬性設置爲大於容器，因此它默認使用minSlide屬性來允許幻燈片縮放。

「這裏我們有意設置一個大於可用空間的slideWidth，在這種情況下，滑塊默認爲minSlide值，並適當地縮放。 - bxslider示例3說明

要獲得所需的效果，您正在尋找的應將max-width值設置爲slideWidth屬性。這樣，屏幕將允許您在視口允許的情況下在minSlide和maxSlide之間切換。您可以在example 4中看到這一點。

我希望這會有所幫助，因爲我花了一段時間才弄明白自己。

$('ul#items').bxSlider({ 
    slideWidth: 200, 
    minSlides: 1, 
    maxSlides: 5, 
    slideMargin: 10 
}); 

Answer 2

試試這個

$('ul#items').bxSlider({ 
      minSlides: 1, 
      maxSlides: 5, 
      slideWidth: '920px', 
      infiniteLoop: false 
     });