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

时间:2013-12-18 01:24:13

标签: javascript jquery gallery slideshow caroufredsel

到目前为止,我已经设法让caroufredsel在活动幻灯片中添加一个类,但只有在转换完成后才能使用。我似乎无法找到一种方法让它将一个类添加到即将过渡到的幻灯片中。

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

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

它似乎最初起作用,但很快就会失去同步。

我遇到的大部分困难似乎都是由于3件物品同时出现。我还没有找到一种方法来访问幻灯片的索引。

文档有点令人困惑。他们似乎已经重新命名了他们的网站,并将详细的文档推入一个文件夹,并将其标记为“旧”。

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

1 个答案:

答案 0 :(得分:1)

这就是你想要的吗? 替换:

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