当有3个项目可见时,如何在转换前在Caroufredsel中定位即将到来的幻灯片

米洛

到目前为止,我已经设法让caroufredsel将一个类添加到活动幻灯片中,但是仅在过渡完成之后。我似乎无法找出一种方法来将其添加到将要过渡到的幻灯片中的类。

这是我的工作示例,该示例在转换后选择了活动的幻灯片:http : //codepen.io/rsmm/pen/Iwkeg

这是我未能尝试选择要切换到的幻灯片的尝试:http : //codepen.io/rsmm/pen/xGmFK

乍一看似乎可行,但很快就不同步了。

我遇到的大多数困难似乎是由于同时显示3个项目。我还没有找到访问幻灯片索引的方法。

该文档有点混乱。他们似乎已经重新命名了他们的网站,并将详细的文档塞进了一个文件夹中并贴上了“旧”标签。

如果有帮助,这里是我可以找到的最详细的文档:http : //docs.dev7studios.com/caroufredsel-old/configuration.php

Cԃaԃ:

那是你要的吗?更换:

onAfter : $highlight,

与:

onBefore: $highlight,

和:

items.filter(":eq(1)").addClass("active").removeClass("inactive");

与:

items.filter(":eq(2)").addClass("active").removeClass("inactive");

您还需要这样添加onAfter:someFunc

pagination: { container: '.carousel-pagination', deviation: 1, onAfter:someFunc //here you would highlight eq(1) }

这是来源:http : //codepen.io/anon/pen/afHGs

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Caroufredsel图像滑块-获取可见幻灯片的编号

来自分类Dev

如何在幻灯片中的可见幻灯片上添加“活动”类?

来自分类Dev

carouFredSel:如何使幻灯片褪色

来自分类Dev

当滑块的幻灯片可见/隐藏时如何显示/隐藏div

来自分类Dev

使用Mongoose将所有即将到来的数据插入MongoDb的一个属性中

来自分类Dev

html内容即将到来时,应用程序崩溃了,如何在android中处理?

来自分类Dev

fullPage.js:使所有幻灯片和部分在搜索引擎结果中可见

来自分类Dev

加载时如何阻止幻灯片垂直显示所有幻灯片

来自分类Dev

如何在Bxslider中的新幻灯片上滑动新幻灯片?

来自分类Dev

如何显示即将到来的生日?

来自分类Dev

自适应全屏CarouFredSel幻灯片

来自分类Dev

BXSlider,如何根据可见的幻灯片更改CSS或DIV的颜色

来自分类Dev

Rx java:发出第一个项目,在 5 秒内忽略即将到来的项目

来自分类Dev

ArrayIndexOutOfBoundsException即将到来

来自分类Dev

如何在JavaScript中停止鼠标悬停时的字幕幻灯片放映?

来自分类Dev

如何在JavaScript中停止鼠标悬停时的字幕幻灯片放映?

来自分类Dev

演示时如何在Microsoft Powerpoint中添加空白幻灯片?

来自分类Dev

演示时如何在Microsoft Powerpoint中添加空白幻灯片?

来自分类Dev

如何在Android中编写动态幻灯片

来自分类Dev

如何在python中制作随机照片幻灯片

来自分类Dev

如何在PowerPoint幻灯片放映中编辑文本?

来自分类Dev

如何在幻灯片菜单中动态更改textview?

来自分类Dev

如何在magento前端中添加幻灯片

来自分类Dev

如何在Android中编写动态幻灯片

来自分类Dev

如何在选项卡中创建幻灯片

来自分类Dev

如何在Shopify中暂停响应幻灯片

来自分类Dev

如何在appcelerator中隐藏幻灯片菜单?

来自分类Dev

如何在幻灯片菜单中制作搜索栏?

来自分类Dev

如何在Bootstrap 3 Carousel中输出当前幻灯片编号?

Related 相关文章

  1. 1

    Caroufredsel图像滑块-获取可见幻灯片的编号

  2. 2

    如何在幻灯片中的可见幻灯片上添加“活动”类?

  3. 3

    carouFredSel:如何使幻灯片褪色

  4. 4

    当滑块的幻灯片可见/隐藏时如何显示/隐藏div

  5. 5

    使用Mongoose将所有即将到来的数据插入MongoDb的一个属性中

  6. 6

    html内容即将到来时,应用程序崩溃了,如何在android中处理?

  7. 7

    fullPage.js:使所有幻灯片和部分在搜索引擎结果中可见

  8. 8

    加载时如何阻止幻灯片垂直显示所有幻灯片

  9. 9

    如何在Bxslider中的新幻灯片上滑动新幻灯片?

  10. 10

    如何显示即将到来的生日?

  11. 11

    自适应全屏CarouFredSel幻灯片

  12. 12

    BXSlider,如何根据可见的幻灯片更改CSS或DIV的颜色

  13. 13

    Rx java:发出第一个项目,在 5 秒内忽略即将到来的项目

  14. 14

    ArrayIndexOutOfBoundsException即将到来

  15. 15

    如何在JavaScript中停止鼠标悬停时的字幕幻灯片放映?

  16. 16

    如何在JavaScript中停止鼠标悬停时的字幕幻灯片放映?

  17. 17

    演示时如何在Microsoft Powerpoint中添加空白幻灯片?

  18. 18

    演示时如何在Microsoft Powerpoint中添加空白幻灯片?

  19. 19

    如何在Android中编写动态幻灯片

  20. 20

    如何在python中制作随机照片幻灯片

  21. 21

    如何在PowerPoint幻灯片放映中编辑文本?

  22. 22

    如何在幻灯片菜单中动态更改textview?

  23. 23

    如何在magento前端中添加幻灯片

  24. 24

    如何在Android中编写动态幻灯片

  25. 25

    如何在选项卡中创建幻灯片

  26. 26

    如何在Shopify中暂停响应幻灯片

  27. 27

    如何在appcelerator中隐藏幻灯片菜单?

  28. 28

    如何在幻灯片菜单中制作搜索栏?

  29. 29

    如何在Bootstrap 3 Carousel中输出当前幻灯片编号?

热门标签

归档