BxSlider："next"上一张幻灯片 -> 跳回到第一张幻灯片？

Question

我想使用不同版本的无限轮播和滚动回第一张幻灯片(而不是克隆最后一张和第一张幻灯片，只在一个方向)。

背景是:我想有一个无限循环，但我在幻灯片中使用id，不允许克隆。

下面是BxSlider与克隆一起工作的演示:http://bxslider.com/examples/auto-show-start-stop-controls

谢谢!

Answer 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);
});