jquery cycle2:如何通过幻灯片编号获取幻灯片

时间:2014-02-26 02:39:25

标签: javascript jquery jquery-cycle jquery-cycle2

我正在使用第2周期(http://jquery.malsup.com/cycle2/)创建旋转木马,我无法通过“幻灯片编号”找出如何访问幻灯片。

我可以使用cycle.API遍历幻灯片数组并找到幻灯片编号

$('#respo-slider').on('cycle-post-initialize', function(e, opts) {
    for(var i=0; i < opts.slideCount; i++){
       var slide_opt = $('#respo-slider').data('cycle.API').getSlideOpts(i);
   var slide_num = slide_opt["slideNum"];
   }
});

但我无法在api中找到如何使用jquery通过幻灯片获取元素(因此我可以编辑幻灯片元素的属性)。

我正在寻找的是:

$('#respo-slider').getSlide(slide_num);

我花了很长时间试图解决这个问题而且我很难过。谁能在那里开导我?

1 个答案:

答案 0 :(得分:0)

所以......

$('#respo-slider').children('div').index(slide_num);

假设幻灯片位于div元素中。

幻灯片已按顺序排列,其索引应与幻灯片编号相同。

一旦轮播初始化,它会复制幻灯片很多次,所以你想在初始化之前进行更改,而不是之后;因为这会给你每张幻灯片的倍数。

通过在初始化之前进行更改,应在创建轮播效果时克隆更改。