旋转木马滑动后移动透明div

时间:2013-10-27 05:32:01

标签: javascript jquery html css

我对jquery完全不熟悉所以请耐心等待。

我设法让下面的carousel插件工作,但我有一个小问题。每当我在幻灯片之间点击时,前面的幻灯片或幻灯片将在任一方向上“滑动到下一个”滑动,飞过当前幻灯片的背面。

如果图像完全不透明,这不会是一个问题,但我正在使用透明背景,因此您可以真正注意到背面的飞行。

我的问题 - 无论如何都要禁用未显示的幻灯片“飞越”?或者让幻灯片更谨慎地移动?

真的非常感谢任何帮助...

非常感谢!

PS:此传送带给Filament Group的所有功劳:)

http://jsfiddle.net/HCHS8/

<div style="margin: 0px auto;">
<center>
    <div class="carousel arrows" data-transition="slide" style="height: 300px;">
        <div>TEST SLIDE 1 Text here, but if you click to move to next slide, other slide wipes behind (if clear background)</div>
        <div>TESTING SLIDE 2</div>
</center>

1 个答案:

答案 0 :(得分:1)

您可以使用简单的CSS修复问题,而不是尝试更改代码。检查这个小提琴。我为您的类更新了一些用于非活动项的CSS规则。看起来现在它按照你想要的方式工作。 http://jsfiddle.net/HCHS8/1/

.carousel-item-prev, .carouse-item-next {
    opacity:0;
}