javascript - 用于幻灯片更改事件的jquery

Question

我的jquery代码是这样的

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

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

谢谢

Answer 1

您的问题具体是关于 Cycle，而不是一般的 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);
    }
});