看看jQuery Cycle Advanced Demos 页面右下角的例子。
请注意,当它循环画廊时,下一张图片在最后一张的下方,而不是下一张图片总是覆盖前一张的其他图片?好吧,至少在 Firefox 3.6.3 中。
我正在使用具有相同问题的 jQuery 循环开发自定义动画。当它循环时,下一个图像会下降而不是结束。
这是我传递给的配置对象cycle()
。
{
fx: 'custom',
timeout: 5000,
easing: 'easeInOutQuad',
pause: 1,
cssFirst: {
zIndex: 0
},
cssBefore: {
display: 'block',
top: -500,
opacity: 1,
zIndex: 1
},
animIn: {
top: 0,
opacity: 1
},
animOut: {
opacity: .2
},
cssAfter: {
display: 'none',
opacity: .2,
zIndex: 0
},
delay: -1000
}
基本上,动画与cover
fx 相同,只是前一个图像应该随着下一个图像落在顶部而消失。
当它循环覆盖上一张幻灯片时,有什么办法可以获得下一张幻灯片?
谢谢