BX滑块和滚动垂直滑块

时间:2014-11-28 17:23:40

标签: bxslider

我举起代码(bx滑块)和somme问题:

$('.bxslider-02').bxSlider({
mode: 'vertical', speed: 500, slideMargin:0, infiniteLoop: true, pager: false, controls: true, slideWidth: 276, minSlides: 3, maxSlides: 3, moveSlides: 1, adaptiveHeight: false
});

如果我只有三张幻灯片(没有轮播的延续),会导致高度变化出现问题。如果我有两个幻灯片2和3只有这两个。它不会出现在另一个数字1的底部。

示例:http://jsfiddle.net/7y9txp23/

1 个答案:

答案 0 :(得分:2)

我认为你的移动价值不正确。

$('.bxslider').bxSlider({
mode: 'vertical', speed: 500, slideMargin:0, infiniteLoop: true, pager: false, controls: true, slideWidth: 276, minSlides: 3, maxSlides:4, moveSlides: 3, adaptiveHeight: false
});

检查http://jsfiddle.net/k5rut0oy/

<强> moveSlides

转换时要移动的幻灯片数量。此值必须为&gt; = minSlides,并且&lt; = maxSlides。如果为零(默认),将使用完全可见的幻灯片数。

有6张幻灯片: http://jsfiddle.net/zo4k4aab/