javascript - AnythingSlider FX问题

我正在尝试将各种FX与AnythingSlider（在这种情况下特别是向左和向右）结合使用，并遇到一些问题。将所有幻灯片设置为“淡入淡出” FX后，一切似乎都能正常工作（请参见下面的链接）：

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

但是，将所有幻灯片设置为“ Left”或“ Right” FX时，幻灯片在旋转时将不同步（请参见下面的链接）：

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

有什么想法吗？

提前致谢！

最佳答案

问题在于整个面板都处于动画状态。因此，当最后一个或下一个视方向而定的面板移出视线时，它实际上最终会与当前面板重叠。因此，您有两种选择：


将面板的内容包装在一个元素中，然后将其定位为动画。之所以会起作用，是因为面板本身具有overflow:hidden属性，因此其内容不会与其他面板重叠。

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

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

关于javascript - AnythingSlider FX问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15667128/