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.htmlhttp://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中。这是有效的，因为当前面板将始终处于最佳状态。这个解决方案的主要问题是，你会看到其他面板奇怪地在后台移动。