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