如何隱藏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循環中的不活動幻燈片

回答

相關問題