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

Question

我在我的项目中使用bxSlider。我想做垂直和水平缩略图滑块与多个图像。我在我的项目中使用引导框架来实现响应。我使用to滑块来制作水平和垂直的钉子滑块。http://bxslider.com/examples/carousel-demystified#example

这是我的小提琴

代码：

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

但是正如您所看到的，如果我调整浏览器窗口的大小，垂直滑块根本没有响应？以及如何在中心对齐图像？因为我既有肖像又有景观形象。

Answer 1

is滑块是一个响应性的内容滑块。但是，对于垂直滑块，您需要提到将可见的幻灯片数量，而垂直滑块不考虑使用maxSlides属性。

这是小提琴

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

从他们的正式文件中：

垂直传送带遵循与水平传送带相同的大部分规则。但是，maxSlides设置并不用作垂直传送带，总是只有一张幻灯片。因此，我们不需要容纳不同的屏幕宽度与此设置。