BxSlider：最后一张幻灯片上的“下一张” - ＆gt;跳回第一张幻灯片？

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