javascript - bxslider，用于图像轮播，似乎不适合我？

Question

所以我想做一个小图片库轮播。四张图片。您可以轮播到更多图像。我找到了 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/

有人知道我怎样才能让它工作吗？

Answer 1

问题是您没有设置 slideWidth。为了设置轮播，您必须提供 3 个值，即:slideWidth、minSlides、maxSlides。

这是一个工作 fiddle http://jsfiddle.net/hwQ6C/

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