bxslider未顯示多個幻燈片

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」或「horizo​​ntal」而不是mode =「fade」的多個圖像。更改模式將解決您的問題。

Answer 2

雖然BxSlider文檔確實顯示淡入作爲選項，但目前尚未實現。

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

有與此相關的GitHub的頁面上的許多問題。選擇一個新的插件或推出自己的:(

Answer 3

以供將來參考，您可以結合使用褪色與多個水平幻燈片，只是稍加調整思想。

通過使用內置callbacksonSlideBefore和onSlideAfter，並應用一點點定製JS讓德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(); 
     } 
    });