我想使用其他版本的无限轮播,然后滚动回到第一张幻灯片(而不是克隆最后一张和第一张幻灯片,而只能朝一个方向移动)。
背景是:我想有一个无限循环,但我正在幻灯片中使用ID,这些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);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句