BxSlider: "далее" на последнем слайде -> Вернуться к первому слайду?

#javascript #jquery #bxslider

Вопрос:

Я хотел бы использовать другую версию бесконечной карусели и прокрутить назад к первому слайду (вместо того, чтобы клонировать последний и первый слайд и двигаться только в одном направлении).

Предыстория такова: я хотел бы иметь бесконечный цикл, но я использую идентификаторы внутри слайдов, которые нельзя клонировать.

Вот демонстрация BxSlider, работающего с клонами: http://bxslider.com/examples/auto-show-start-stop-controls

Спасибо!

1. Поклонники??? серьезно??? где находится код??

2. @MilindAnantwar ты не фанат??? Я, например, в восторге, что у нас есть шанс решить эту проблему. Для OP — вы должны опубликовать часть своего кода или, что еще лучше, поместить его в скрипку.

3. Хахаха, код каким-то образом преобразован, он начинался с «Привет, поклонники BxSlider», но почему-то первые два слова обрезаны: -D

Ответ №1:

Извините за недостающий код. Вот как вы можете сделать BxSlider бесконечным, не клонируя элементы, а вместо этого возвращаясь к первому / последнему слайду:

 var slider = $('.bxslider').bxSlider({,
   infiniteLoop: false,
   hideControlOnEnd: false,
   startSlide: 0
});

Вот (простая) магия:

 $(".bx-controls-direction").on( "click", ".bx-prev.disabled", function() {
    var slideQty = slider.getSlideCount();
    slider.goToSlide(slideQty-1);
});

$(".bx-controls-direction").on( "click", ".bx-next.disabled", function() {
    slider.goToSlide(0);
});