Javascript bxslider，用于图像传送带，不'；你好像不为我工作？

所以我想制作一个小的图像库旋转木马。四幅图片横穿。你可以旋转到更多的图像。我找到了bxslider，它似乎是一个快速、即插即用的解决方案。但每张幻灯片只显示一张图像

我想我已经按照他们的指示做了。但我显然做错了什么

我没有触及他们的css和js。我的HTML看起来像他们的一个副本。我把这个放在他们的js文件的末尾：

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

以下是JSFIDLE：

---

有人知道我该怎么做吗？

问题是你没有设置slideWidth。要设置carousal，必须提供3个值，即：slideWidth、minSlides、maxSlides

这是一把小提琴

---

当前不支持每张幻灯片多个项目和淡入淡出模式。这被诬蔑为一个问题。更改模式是使用bxslider解决此问题的唯一选项。

它在小提琴中工作。确保在你自己的页面上加载jQuery之前，它会显示8个面板，其中包含8个图像（一组样例是一个jpg）。我希望它显示每个面板4个图像。我把minSlides设置为4。不知道怎么了。

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