如何隐藏jQuery循环中的不活动幻灯片

我正在使用jQuery循环来循环浏览大量的客户评论，每个页面有一个编号的寻呼机和6个项目。我的代码如下：如何隐藏jQuery循环中的不活动幻灯片

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

我需要评论是透明的（仅限文本），因为有背景图片需要可见。问题是，因为jQuery的周期不隐藏不活动的幻灯片，我得到像下面这样的效果：

enter image description here

请参阅http://jsfiddle.net/7jok549x/为例

任何人都可以提出此修复？

来源

2014-12-18 Marc

你可以做一个jsfiddle吗？ – im1dermike

请分享您的网站链接。然后我们可以帮忙。 @Marc –

http://jsfiddle.net/7jok549x/ – Marc

取下选项fx:'fadeout',线。

该选项显示所有并隐藏活动的一个。

默认（当您将其删除时）将淡入活动状态。

演示在http://jsfiddle.net/gaby/7jok549x/3/

来源

2014-12-18 19:26:02

在我看来，这个答案直接解决了问题，并将有助于未来的访问者更好。谢谢。 – Marc

它从你的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

来源

2014-12-18 18:42:44

对不起，但你可能在我的问题中错过了这一行：'我需要评论是透明的（仅限文本），因为背景图片需要可见。“这部分很重要。 – Marc

再次检查。就像加布比所说的，你不需要FX：'淡出;删除它，如果没有，你需要一个背景。 –

我只是指你的评论'background-color：white;/*你需要一个背景，所以你没有看到后面的那些* /' – Marc

如何隐藏jQuery循环中的不活动幻灯片

回答

相关问题