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条评论
登录后参与评论

相关文章

来自分类Dev

bxslider移动第一张幻灯片

来自分类Dev

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

来自分类Dev

bxSlider最后一张幻灯片为空

来自分类Dev

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

来自分类Dev

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

来自分类Dev

bxslider中的第一张幻灯片从容器的中间开始,不剩

来自分类Dev

Flexslider上一张和下一张幻灯片的位置

来自分类Dev

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

来自分类Dev

在第一张幻灯片上禁用上一个控件,在最后一张幻灯片上禁用下一个控件

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

bxslider无限循环向左滚动到第一张幻灯片,而不是向右滚动

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

来自分类Dev

为什么幻灯片会跳过最后一张幻灯片?

来自分类Dev

选择单选按钮上的 Bootstrap 轮播无法在下一张幻灯片上工作,因为它在第一张幻灯片上工作正常

Related 相关文章

  1. 1

    bxslider移动第一张幻灯片

  2. 2

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

  3. 3

    bxSlider最后一张幻灯片为空

  4. 4

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

  5. 5

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

  6. 6

    bxslider中的第一张幻灯片从容器的中间开始,不剩

  7. 7

    Flexslider上一张和下一张幻灯片的位置

  8. 8

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

  9. 9

    在第一张幻灯片上禁用上一个控件,在最后一张幻灯片上禁用下一个控件

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

    bxslider无限循环向左滚动到第一张幻灯片,而不是向右滚动

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

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

  27. 27

    离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

  28. 28

    为什么幻灯片会跳过最后一张幻灯片?

  29. 29

    选择单选按钮上的 Bootstrap 轮播无法在下一张幻灯片上工作,因为它在第一张幻灯片上工作正常

热门标签

归档