AnythingSlider FX问题

Question

我尝试在AnythingSlider中使用不同的FX (在这种情况下是左，右，淡入淡出)&遇到一些问题。所有幻灯片都设置为“淡入淡出”FX，一切似乎都能正常工作(参见下面的链接)：

http://dl.dropbox.com/u/12310886/Work/anythingslider/slide_fade.html

但是，当所有幻灯片都设置为“左”或“右”FX时，幻灯片在旋转时会失去同步(参见下面的链接)：

http://dl.dropbox.com/u/12310886/Work/anythingslider/slide_left.html http://dl.dropbox.com/u/12310886/Work/anythingslider/slide_right.html

知道是怎么回事吗？

提前感谢！

Answer 1

问题是整个面板都是动画的。因此，当最后一个面板或下一个面板被移出视图时，它实际上会与当前面板重叠。所以你有两个选择：

1. 将面板的内容包装在元素中，并将其作为动画的目标。这样做的原因是因为面板本身应用了overflow:hidden属性，这样内容就不会与其他面板重叠。
2. 将.activePage { z-index: 1; }添加到您的css。这之所以有效，是因为当前面板始终在顶部。此解决方案的主要问题是，您将看到其他面板在背景中奇怪地四处移动。