BxSlider:“next"在上一张幻灯片上->回到第一张幻灯片

BxSlider: "next" on last slide -> Jump back to first slide?

本文关键字：一张 幻灯片 BxSlider quot next      更新时间：2023-09-26

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

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

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

谢谢!

抱歉缺少代码。下面是如何使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);
});
相关文章：