如何将flexslider移动到最后一张幻灯片

特拉维斯厅

我有一个flexslider对象,它工作正常。但是我在页面上有一个锚点,需要将轮播移动到最后一张幻灯片。此外,幻灯片编号可能会有所不同,因此针对特定的索引值将无法满足要求。

我毫不费力地移动到特定的索引,这样(移到第一个索引位置):

$('.flexslider').data("flexslider").flexAnimate(0);

我想象有某种类型的关键字,或者一个方程式,但是我没有找到可靠的资源。有什么想法吗?

KK

我认为您已经接近答案了。您可以通过.index()函数获取集合/选择器中任何相关元素的索引

现在,假设您有ul个.slides包含几个的类li

为了获取最后一个li的索引:

var index = $('.slides li').index($('.slides li:last'));

现在,既然您已获得所需幻灯片的索引,则可以将该索引传递给它flexslider以激活或显示该幻灯片:

$('.flexslider').data("flexslider").flexAnimate(index);

您可以看到,默认情况下,滑块从上一张幻灯片开始。希望这可以帮助

此外,您可以将其用于 click handler

更新:幻灯片出现问题,除非单击滑块的下一个或上一个链接,否则不允许手动滑动。我发现的可能的修复方法是:

var lastSlide = $('.slides li').index($('.slides li:last'));
$("a.specs").click(function () {    
    flex.flexslider('next'); // This is the trick. 
    flex.flexslider(lastSlide)
});

演示: http : //jsfiddle.net/lotusgodkk/n9JUc/21/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用fadeIn()过渡到最后一张幻灯片

来自分类Dev

如何使用fadeIn()过渡到最后一张幻灯片

来自分类Dev

如何将PDF从每页两张幻灯片转换为每页一张幻灯片?

来自分类Dev

如何使用OpenXML将幻灯片插入另一张PowerPoint幻灯片?

来自分类Dev

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

来自分类Dev

bxSlider最后一张幻灯片为空

来自分类Dev

bxslider移动第一张幻灯片

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如果winWidth <500,光滑的滑块将删除最后一张幻灯片

来自分类Dev

如何禁用轮播的最后一张幻灯片上的按钮?

来自分类Dev

如何在最后一张图片上停止CSS图片幻灯片播放?

来自分类Dev

Jssor(列表滑块):如何在最后一张幻灯片上结束

来自分类Dev

如何在最后一张幻灯片上停止滑块

来自分类Dev

滑动到带有计时器的轮播中的最后一张幻灯片-slick.js

来自分类Dev

Flexslider-通过点击进入下一张幻灯片

来自分类Dev

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

来自分类Dev

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

来自分类Dev

滑动滑块将所有幻灯片放到一张幻灯片中

来自分类Dev

如何将同一张图片插入PowerpPoint中的不同幻灯片(而不是所有幻灯片)

来自分类Dev

在Powerpoint编辑模式下禁用滚动到下一张幻灯片

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

ios Slider默认为最后一张幻灯片

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Flexslider:单击自定义按钮后移至下一张幻灯片(有延迟)

来自分类Dev

全高滑块跳过一张幻灯片

Related 相关文章

  1. 1

    如何使用fadeIn()过渡到最后一张幻灯片

  2. 2

    如何使用fadeIn()过渡到最后一张幻灯片

  3. 3

    如何将PDF从每页两张幻灯片转换为每页一张幻灯片?

  4. 4

    如何使用OpenXML将幻灯片插入另一张PowerPoint幻灯片?

  5. 5

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

  6. 6

    bxSlider最后一张幻灯片为空

  7. 7

    bxslider移动第一张幻灯片

  8. 8

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

  9. 9

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

  10. 10

    如果winWidth <500,光滑的滑块将删除最后一张幻灯片

  11. 11

    如何禁用轮播的最后一张幻灯片上的按钮?

  12. 12

    如何在最后一张图片上停止CSS图片幻灯片播放?

  13. 13

    Jssor(列表滑块):如何在最后一张幻灯片上结束

  14. 14

    如何在最后一张幻灯片上停止滑块

  15. 15

    滑动到带有计时器的轮播中的最后一张幻灯片-slick.js

  16. 16

    Flexslider-通过点击进入下一张幻灯片

  17. 17

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

  18. 18

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

  19. 19

    滑动滑块将所有幻灯片放到一张幻灯片中

  20. 20

    如何将同一张图片插入PowerpPoint中的不同幻灯片(而不是所有幻灯片)

  21. 21

    在Powerpoint编辑模式下禁用滚动到下一张幻灯片

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

    ios Slider默认为最后一张幻灯片

  26. 26

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

  27. 27

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

  28. 28

    Flexslider:单击自定义按钮后移至下一张幻灯片(有延迟)

  29. 29

    全高滑块跳过一张幻灯片

热门标签

归档