javascript - bxslider，用于图像轮播，似乎对我不起作用？

因此，我想制作一个小型图片库轮播。横跨四个图像。您还可以轮播更多图片。我找到了bxslider，这似乎是一种快速的即插即用解决方案。但是每张幻灯片只显示一张图像。

我想我遵循了他们的指示。但是我显然做错了。

我让他们的CSS和JS保持不变。我的HTML看起来像是他们的副本。我将其放在他们的js文件的末尾：

$(document).ready(function(){
    $('.bxslider').bxSlider({
        mode: 'fade',
        captions: true,
        auto: true,
        autoControls: false,
        minSlides: 4
    });
});

这是jsfiddle：http://jsfiddle.net/7YH8Q/

有人知道我该如何使用它吗？

最佳答案

问题是您没有设置slideWidth。为了设置旋转木马，您必须提供3个值，即：slideWidth，minSlides，maxSlides。

这是一个工作的小提琴http://jsfiddle.net/hwQ6C/

$('.bxslider').bxSlider({
   slideWidth: 200,
   minSlides: 4,
   maxSlides: 5,
   slideMargin: 10
});