Jquery 如何使垂直图像缩略图滑块响应？

我正在项目中使用

bxSlider

。我想使垂直和水平缩略图滑块与多个图像。我在我的项目中使用引导框架来实现响应性。我使用bxslider为水平和垂直方向制作thmbnail滑块

这是我的

代码：

但正如你们所看到的，若我调整浏览器窗口的大小，垂直滑块根本并没有响应？

---

如何使图像在中心对齐？因为我有肖像画和风景画。

bxslider是一款响应迅速的内容滑块。 但是，对于垂直滑块，您需要提及将可见的幻灯片数量，并且垂直滑块不考虑maxSlides属性

这是我的建议

根据其官方文件：

---

垂直旋转木马遵循与水平旋转木马相同的大部分规则。但是，maxSlides设置不使用，因为垂直旋转木马始终只有一个幻灯片。因此，我们不必使用此设置来适应不同的屏幕宽度。

调整浏览器大小时，垂直滑块应该做什么？我想既然您在

.bxSlider（）

中设置了

模式

，您就必须使用Javascript（

$（window.resize（）

）来更改滑块实例。当我将窗口调整为320px（I-phone视图）时，如水平滑块显示2个图像，垂直滑块不显示2个图像，它始终显示3个图像。。。

     $(document).ready(function() {
            $('#bxslider-vertical .bxslider').bxSlider({
                mode: 'vertical', 
                infiniteLoop: false,
                pager:false,
                slideWidth: 200,
                maxSlides: 3,
                minSlides: 3,                
                slideMargin: 10                                 
            });

             $('#bxslider-horizontal .bxslider').bxSlider({
                mode: 'horizontal', 
                infiniteLoop: false,
                pager:false,
                slideWidth: 200,
                maxSlides: 4,
                minSlides: 2,                
                slideMargin: 10 
            });
});

     $('#bxslider-vertical .bxslider').bxSlider({
                mode: 'vertical', 
                infiniteLoop: false,
                pager:false,
                slideWidth: 200,
                minSlides: 2,                
                slideMargin: 10                                 
            });