1

如果这里有另一个 SO 问题，谷歌或我都找不到。首先，感谢您的任何回复。

这是我的设置。它与您的正常 ("#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 of x”在幻灯片上更改。目前，轮换将转换，然后数字将发生变化。我知道这是循环设置的一种默认设置，但我想知道是否有什么办法可以在幻灯片期间或幻灯片上改变幻灯片计数。这是一个挑剔的客户要求，我被告知如果我做不到，那就没有害处。这主要是出于好奇。

如果您需要更多代码，我可以添加它，但我真的认为只需一个基本配置变量用于相关滑块就足够了，因为它不是错误/错误，更多的是对想法的请求，所以它应该没问题。我也会给你一个设置的小提琴，但目前有一些时间限制，并且会在等待答案的同时进行其他更改。此外，会提供访问权限，但整个事情都处于完全的 Intranet 锁定状态，其他人无处可访问。

4

1 回答 1

2

我认为您可以考虑在超时时间等于或略小于 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);
    }
}
于 2013-04-22T21:01:26.897 回答