幻灯片更改幻灯片事件

Question

我的jquery代码是这样的

$(document).ready(function() {
    $(".slideshow").css("overflow","hidden");
    $("ul#slides").cycle({
    fx: 'fade',
    pause: 1,
    prev: '#prev',
    next: '#next'
});

我想知道，在jquery中是否有任何幻灯片更改事件...我的意思是我需要在每张幻灯片更改时获取幻灯片编号

谢谢

Answer 1

你的问题是关于循环，而不是一般的jQuery。可以找到有关Cycle选项的文档here。

看起来有一个名为onPrevNextEvent的事件：

onPrevNextEvent: null,// callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement)

传递给您为该事件定义的函数的第二个参数将是zeroBasedSlideIndex。这是您当前的幻灯片编号，第一张幻灯片从0开始。

所以你的代码看起来像是：

$(document).ready(function() {
    $(".slideshow").css("overflow","hidden");
    $("ul#slides").cycle({
    fx: 'fade',
    pause: 1,
    prev: '#prev',
    next: '#next',
    onPrevNextEvent: function(isNext, slideNum) {
        alert("This is slide "+ slideNum);
    }
});