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