我对jquery完全不熟悉所以请耐心等待。
我设法让下面的carousel插件工作,但我有一个小问题。每当我在幻灯片之间点击时,前面的幻灯片或幻灯片将在任一方向上“滑动到下一个”滑动,飞过当前幻灯片的背面。
如果图像完全不透明,这不会是一个问题,但我正在使用透明背景,因此您可以真正注意到背面的飞行。
我的问题 - 无论如何都要禁用未显示的幻灯片“飞越”?或者让幻灯片更谨慎地移动?
真的非常感谢任何帮助...
非常感谢!
PS:此传送带给Filament Group的所有功劳:)
<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>
答案 0 :(得分:1)
您可以使用简单的CSS修复问题,而不是尝试更改代码。检查这个小提琴。我为您的类更新了一些用于非活动项的CSS规则。看起来现在它按照你想要的方式工作。 http://jsfiddle.net/HCHS8/1/
.carousel-item-prev, .carouse-item-next {
opacity:0;
}