如何在jquery循环中隐藏非活动幻灯片

Question

我正在使用jquery循环来循环浏览大量的客户评论，其中包含编号的寻呼机和每页6个项目。我的代码如下：

<script type="text/javascript">
    $(function() {              
        $('.reviews')
            .before('<div id="banner-nav">')
            .cycle({
                fx:'fadeout', 
                timeout: 5000,
                pager: '#banner-nav'
        });
    });
</script>

我需要审核是透明的（仅限文本），因为有一个需要可见的背景图片。问题是因为jquery循环不会隐藏非活动幻灯片，所以我得到如下效果：

请参阅http://jsfiddle.net/7jok549x/了解示例

有人可以建议修复此问题吗？

Answer 1

它从你的CSS开始。将绝对的位置属性值以及 background-colo r添加到 .review 将是一个良好的开端。

.review {
position: absolute; /* that stacks them on top of each other */
background-color: white; /* You need a background so you don't see the ones behind */
}

See working example here

Answer 2

从选项中删除fx:'fadeout',行。

此选项显示所有选项并隐藏活动选项。

默认设置（，当你将其删除时）是淡入活动状态。

http://jsfiddle.net/gaby/7jok549x/3/

演示