javascript - jQuery 循环页数变化 "onSlide"

Question

如果这里还有另一个 SO 问题，Google 和我都找不到。首先，感谢您的回复。

这是我的设置。它与您的正常 ("#item").cycle(); 略有不同；类似的东西，但是有一些复杂的设置。我只是包括桌面变量，它包含基于 matchMedia 结果传递的所有内容。

var desktop = {
    next: "#next_slide",
    prev: "#prev_slide",
    speed: 2000,
    pager: "#pag",
    easeIn: 'easeOutQuad',
    easeOut: 'easeInQuad',
    fx: 'custom',
    height: '314px',
    cssBefore:{  
        left: '-20%',
        opacity: 0,
        display: 'block'
    },
    cssAfter:{ 
        display: 'none',
        opacity: 0
    }, 
    animIn: {  
        left: '0%',
        opacity: 1 
    }, 
    animOut: {  
        left: '20%',
        opacity: 0
    },
    sync: false,
    'timeout': 7000,
    after: function(currSlideElement, nextSlideElement, options, forwardFlag){
         $('#controls p').html( (options.currSlide + 1 ) + ' <em>of</em> ' + options.slideCount)
    }
}

我需要一种方法来让“第 x 张幻灯片”在幻灯片上进行更改。目前，轮换将过渡，然后数字将发生变化。我知道这是一种默认的循环设置，但我想知道我是否可以做些什么来让幻灯片计数在幻灯片期间或幻灯片上发生变化。这是一个挑剔的客户要求，有人告诉我，如果我做不到，那也没什么坏处。这主要是出于好奇。

如果你需要更多的代码，我可以添加它，但我真的认为只是一个基本的 slider 配置变量就足够了，因为它不是一个错误/错误，更多的是对想法的请求，那么它应该做得很好。我也会给你一些设置的 fiddle ，但目前有一些时间限制，并且会在等待答案的同时进行其他更改。此外，会提供访问权限，但整个内部网都处于完全锁定状态，其他人无处可访问。

Answer 1

我认为您可以考虑在超时等于或略小于 fx 持续时间的 before 事件上执行此操作。沿着这些线的东西:

演示:http://jsfiddle.net/lucuma/ny2Tj/5/

var desktop = {
    next: "#next_slide",
    prev: "#prev_slide",
    speed: 2000,
    pager: "#pag",
    easeIn: 'easeOutQuad',
    easeOut: 'easeInQuad',
    fx: 'custom',
    height: '314px',
    cssBefore:{  
        left: '-20%',
        opacity: 0,
        display: 'block'
    },
    cssAfter:{ 
        display: 'none',
        opacity: 0
    }, 
    animIn: {  
        left: '0%',
        opacity: 1 
    }, 
    animOut: {  
        left: '20%',
        opacity: 0
    },
    sync: false,
    'timeout': 7000,
    before: function(currSlideElement, nextSlideElement, options, forwardFlag){
       var $opts= options;
       setTimeout(function() {
            $('#controls p').html( ($opts.currSlide + 1 ) + ' <em>of</em> ' + $opts.slideCount)
       }, 7000);
    }
}