在jquery cycle2插件中 - 仅在特定幻灯片激活后执行循环

时间:2013-07-15 15:22:19

标签: jquery jquery-cycle2

使用jquery cycle2插件,

http://jquery.malsup.com/cycle2/

是否可以修改下面的代码,以便循环 - 仅在特定幻灯片上执行 - 幻灯片可以通过以下方式识别:

  • 幻灯片上标记中的ID
  • slideNum(可以使用api拉取)
  • 分配给幻灯片的数据循环哈希

我已检查过api,但无法找到有关此类事件的任何详细信息:

http://jquery.malsup.com/cycle2/api/

有人知道这是否可行?

由于

<script type="text/javascript">

$(document).ready(function() {

$('.cycle-slideshow').on('cycle-after',function(e, optionHash, outgoingSlideEl,     incomingSlideEl, forwardFlag){
$('.tester').addClass('changer'); 
});

});
</script>

1 个答案:

答案 0 :(得分:1)

如果有人有兴趣,我通过提供此幻灯片ID并使用带有.is的if语句来获取传入幻灯片的ID。我确信有更好的方法可以做到,但这似乎有效。见下文:

<script type="text/javascript">
$(document).ready(function() {

$('.cycle-slideshow').on('cycle-after',function(e, optionHash, outgoingSlideEl,         incomingSlideEl, forwardFlag){
var now = $(incomingSlideEl)
if (now.is(#chosenslide)){
$('.tester').addClass('changer'); 
});

});
</script>