AnythingSlider FX Issues

AnythingSlider FX Issues

本文关键字：Issues FX AnythingSlider      更新时间：2023-09-26

我正在尝试使用各种特效与AnythingSlider(左，右，&(特别是在这种情况下)&遇到了一些问题。将所有幻灯片设置为"淡出"FX，一切似乎都正常工作(见下面的链接):

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

然而，当所有幻灯片都设置为"左"或"右"特效时，幻灯片在旋转时就会不同步(见下面的链接):

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

知道是怎么回事吗?

提前感谢!

问题是整个面板都是动画。所以当最后一个，或下一个(取决于方向)面板移出视图时，它实际上最终会与当前面板重叠。所以你有两个选择:

  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。这是有效的，因为当前面板将始终在顶部。此解决方案的主要问题是，您将看到其他面板在背景中奇怪地移动。

相关文章：