Question

我无法使用bxslider获取多张幻灯片来处理ie7，ie8和ie9。

我有这个jsfiddle：http://jsfiddle.net/wJV3p/1/

$(document).ready(function () {
        var slider = $('.bxslider1').bxSlider({
            mode: 'fade',
            captions: false,
            minSlides: 3,
            maxSlides: 3,
            slideMargin: 10
            });
    });

我检查了bxslider中的代码，在我看来，一切都应该正常工作。

Answer 1

BxSlider只允许您以mode =“vertical”或“horizontal”显示多个图像，而不显示mode =“fade”。更改模式将解决您的问题。

Answer 2

为了将来参考，您可以将淡出与 多个水平幻灯片 结合使用，只考虑小调整。

使用内置的callbacks onSlideBefore和onSlideAfter，并应用一些自定义js让de ul元素在每张幻灯片之前淡出，并淡入幻灯片完成后。

例如：http://jsfiddle.net/wJV3p/22/

    $('.bxslider1').bxSlider({
     useCSS: false,
     easing: 'easeOutQuint',
     slideWidth: 100,
     minSlides: 1,
     maxSlides: 3,
     moveSlides: 3,
     slideMargin: 20,
     auto: true,
     pause: 5000,
     autoHover: true,
     speed: 0,
      onSlideBefore: function(){
        $(".bxslider1").fadeOut();
      },
      onSlideAfter: function(){
        $(".bxslider1").fadeIn();
      }
     });

Answer 3

虽然BxSlider文档确实显示淡入淡出作为选项，但目前尚未实现。

https://github.com/wandoledzep/bxslider/issues/13

GITHUB页面上有很多与此相关的问题。选择一个新插件或自己动手:(

bxslider没有显示多张幻灯片

3 个答案: