0

我对 jquery 完全陌生，所以请多多包涵。

我已经设法使以下轮播插件工作，但我有一个小问题。每当我在幻灯片之间单击时，前一张幻灯片或将在任一方向“紧随其后”的幻灯片都会飞过当前幻灯片的背面。

如果图像完全不透明，这将不是问题，但我正在使用透明背景，因此您可以真正注意到从背面飞过。

我的问题 - 是否有禁用未显示幻灯片的“飞越”？或者也许让幻灯片更谨慎地移动？

任何帮助将不胜感激......

非常感谢！

PS：这个旋转木马的所有功劳归于细丝集团:)

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>

4

1 回答 1

1

无需尝试更改代码，您只需使用简单的 CSS 即可解决问题。检查这个小提琴。我为您的类更新了一些用于非活动项目的 CSS 规则。看起来现在它正在按照您想要的方式工作。http://jsfiddle.net/HCHS8/1/

.carousel-item-prev, .carouse-item-next {
    opacity:0;
}
于 2013-10-27T06:34:12.687 回答