Question

我使用bx滑块在nodejs网站上运行滑块。这是我的代码：

$(document).ready(function(){
    $(".bxslider").bxSlider({
        minSlides: 1,
        maxSlides: 40,
        slideWidth: 300,
        slideMargin: 40,
        moveSlides: 1
    });
});//document ready

由于滑块需要100％流体宽度，我将maxSlides设置为足够大的数字（此处为40）。这使滑块以流动的方式扩展到整个宽度。但现在的问题是，由于滑块宽度是流动的，在某些宽度处，最右边的可见滑块仅部分显示。我想要它显示这个完整的幻灯片，或者如果它在当前视口中不完全可见则保留它。

Answer 1

更新

OP使用{"name":"SequelizeDatabaseError","message":"invalid input syntax for integer: \"foo\"","parent":请求一个不太复杂的示例。

PLUNKER

使用shrinkItems：轮播将仅显示整个项目并缩小图像以适合基于maxSlides / MinSlides的视口。没有什么可说的，只是从来没有在局部视图中留下幻灯片。

PLUNKER

段

shrinkItems

Bx滑块 - 使用全宽旋转木马时显示极右侧的部分滑块

1 个答案:

更新

段