AnythingSlider FX问题

Question

我正在尝试使用AnythingSlider的各种FX（左，右，在这种情况下专门淡化）＆amp;碰到一些问题。将所有幻灯片设置为'Fade'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属性，因此内容不会与其他面板重叠。

   <div class="left">
     <div class="content-wrapper"> <!-- add this content wrapper -->
       <div class="caption"></div>
       <img src="../slide1.jpg" alt="" />
     </div>
   </div>
   

2. 将.activePage { z-index: 1; }添加到您的CSS中。这是有效的，因为当前面板将始终位于顶部。这个解决方案的主要问题是你会看到其他面板奇怪地在后台移动。