如果这里有另一个SO问题,谷歌和我都找不到。首先,感谢您的回复。
这是我的设置。这与您的常规("#item")有点不同。类似的东西,但是有一些复杂的设置。我只是包括桌面变量,它包含了基于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的x"改变幻灯片。目前,旋转将过渡,然后数字将改变。我知道这是循环的默认设置,但我想知道我能不能做些什么让幻灯片计数在幻灯片中或幻灯片上改变。这是一个挑剔的客户要求,我被告知,如果我不能这样做,那就没有伤害。这主要是出于好奇。
如果你需要更多的代码,我可以添加它,但我真的认为只是一个基本的配置变量的滑动条是足够的问题,因为它不是一个错误/错误,更多的请求的想法,那么它应该做得很好。我也会让你摆弄一下设置,但目前在一些时间限制下,将在等待答案的同时做其他更改。另外,我也可以访问,但整个东西都在完全的内部网封锁之下,其他人无法访问
我认为你可以考虑在before事件上使用超时等于或略小于fx持续时间。下面的内容:
演示: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);
}
}