BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

阿雷拉克

我想使用其他版本的无限轮播,然后滚动回到第一张幻灯片(而不是克隆最后一张和第一张幻灯片,而只能朝一个方向移动)。

背景是:我想有一个无限循环,但我正在幻灯片中使用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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

bxslider移动第一张幻灯片

如何检测圆滑的最后一张幻灯片和第一张幻灯片?

隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

bxSlider最后一张幻灯片为空

滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

如何获取部分中第一张幻灯片的幻灯片编号?

防止滚动过去后滚动回到第一张幻灯片

光滑的滑块动画回到第一张幻灯片

光滑-带有上一张/下一张幻灯片的名称的箭头

UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片崩溃

禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

转盘到达最后时返回第一张幻灯片

将第一张卡片显示为bxSlider中第二张幻灯片的一半

JavaScript幻灯片卡在第一张照片上

如何在第一张幻灯片中添加按钮以加载下一张幻灯片?

删除上一张幻灯片上的课程

Bootstrap Carousel 下一张幻灯片添加到上一张幻灯片的下方

是否可以从当前幻灯片转到下一张幻灯片?

jQuery周期2:如何正确显示第一张幻灯片的索引?

manifest.js打印为pdf仅打印第一张幻灯片?

photowipe - 单击外部元素时显示第一张幻灯片

ffmpeg视频幻灯片仅拍摄第一张图像

ActionBarDrawerToggle直到第一张幻灯片才打开抽屉

幻灯片的第一张图片未加载

在Easy Slider中更改第一张幻灯片的暂停时间

基金会去轨道第一张幻灯片

第一张幻灯片后的字幕未显示为flexslider

Slick Carousel 重置为 Bootstrap 3 中的第一张幻灯片

旋转木马:到达终点后返回第一张幻灯片