bxslider не показывает несколько слайдов

У меня возникли проблемы с запуском нескольких слайдов с помощью 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, и мне кажется, что все должно работать.


jquery bxslider
person TheNameHobbs    schedule 04.08.2013    source источник

Ответы (3)


arrow_upward
3
arrow_downward

BxSlider позволит вам показывать несколько изображений только с режимом = «вертикальный» или «горизонтальный», а НЕ с режимом = «угасание». Изменение режима решит вашу проблему.

person Mogens Madsen    schedule 03.11.2013

arrow_upward
2
arrow_downward

Для дальнейшего использования вы МОЖЕТЕ использовать затухание в сочетании с несколькими горизонтальными слайдами, только с небольшой настройкой.

Используя встроенные 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();
      }
     });
person Mag4work    schedule 07.01.2016

arrow_upward
0
arrow_downward

Хотя документация BxSlider показывает затухание в качестве опции, в настоящее время она не реализована.

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

На странице GITHUB есть МНОГИЕ проблемы, связанные с этим. Выберите новый плагин или накатите свой :(

person Stone    schedule 11.11.2013