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

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

Answer 2

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

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

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

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

2 个答案: