javascript - BxSlider maxslide和minslide

因此，基本上，我使用带有27个缩略图的BxSlider，每个缩略图上都装有一个灯箱，因此您可以检查每个图像。

问题是，当我用以下命令加载脚本时：

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

我被迫在滑块的每一页上获得5张缩略图。
因此，在最后一页上，我的最后3张缩略图是重复的前3张。

我尝试使用它来解决问题，

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

但是看来，如果您输入1作为minSlides，即使每张幻灯片最多指定5张幻灯片，该脚本也只会每张放1张（给您提供27张页面的1张缩略图）。

有什么办法解决这个问题？
非常感谢 ！

最佳答案

如果您查看example 3，它说明您遇到的问题。由于slideWidth属性设置为大于容器，因此默认为minSlide属性以允许幻灯片缩放。


  “在这里，我们故意将slideWidth设置为大于可用空间。在这种情况下，滑块默认为minSlide值，并进行适当缩放。” -bxslider示例3描述


为了获得想要的效果，您应该将最大宽度值设置为slideWidth属性。这样，屏幕将允许您在视口允许的情况下在minSlide和maxSlide之间切换。您可以在example 4中看到这一点。

我希望这会有所帮助，因为我花了一些时间自己弄清楚。

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