последний слайд bxslider не будет установлен как startSlide

У меня проблемы с установкой последнего слайда в моем bxslider в качестве первого слайда.

Следующий код устанавливает все остальные слайды первыми в списке, но последний слайд всегда отображается как последний в списке.

Вот javascript:

$(document).ready(function(){

  var count = $('.bxslider li.active').index();


  $('.bxslider').bxSlider({
    minSlides: 8,
    maxSlides: 8,
    slideWidth: 121,
    slideMargin: 12,
    pager: false,
    startSlide: count,
    moveSlides: 1,
    infiniteLoop: true
  });

});

Я не уверен, связано ли это с использованием бесконечного цикла или чего-то еще, но если бы кто-нибудь мог пролить свет на это, это было бы здорово!

Спасибо


carousel jquery bxslider
person Ryano    schedule 10.12.2013    source источник
comment
Не могли бы вы создать скрипку, используя свой код и демонстрируя свою проблему? jsfiddle.net/trevordowdle/vgJ9X/18 может быть хорошей отправной точкой, поскольку bxslider уже загружен.   -  person Trevor    schedule 10.12.2013
comment
Кажется, работает нормально - jsfiddle.net/4QWc9   -  person VJS    schedule 16.12.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я испытал то же самое, пытаясь настроить некоторые пользовательские интерфейсы.

Я обнаружил, что если слайды скрыты до загрузки слайдера, параметр «startSlide» не будет выполняться.

Я скрыл все слайды, кроме слайда по умолчанию, с помощью CSS, так как слайды сначала будут отображаться во время загрузки, а затем исчезнут после инициализации bxSlider. Чтобы предотвратить это, я создал класс css под названием «hideuntilloaded», который имел запись display:none; и применялся к слайдам, чтобы предотвратить их отображение во время загрузки. Затем я удалил класс со слайдов после успешной загрузки слайдера.

Это вызвало указанную выше проблему с несоблюдением параметра «startSlide» (а также несколько других, включая повторяющиеся записи, которые начали появляться!).

Чтобы обойти это, убедитесь, что слайды снова видны перед инициализацией ползунка, удалив класс hiduntilloaded в строке перед запуском ползунка. например: $('.hideuntilloaded').removeClass('hideuntilloaded');

Кажется, все еще предотвращает мигание слайдов во время загрузки.

Если вы делаете что-то подобное с видимостью слайдов, то это может быть причиной.

person Radderz    schedule 04.07.2016