Flexslider容器不調整大小

Question

我的flexslider實例沒有調整大小。本質上發生的事情是畫廊將以最大的形象的高度啓動。如果圖像的高度小於最大圖像的高度，那麼容器將保持該高度，然後在頂部顯示圖像，並在底部留出大量邊距空間。我已將其縮小至容器的.flexslider，但我不確定它爲何發生。

兩個例子，請忽略導航，我使用WordPress的單元測試目前： http://themes.appearlythemes.com/dev/?p=555 http://themes.appearlythemes.com/dev/?p=1707

的HTML標記是這樣的：

<section class="post-media"> 
    <div class="flexslider"> 
     <ul class="slides"> 
     ... 
     </ul> 
    </div> 
</section> 

我有一個WordPress循環，回聲在無序列表標籤內的列表標籤中的後附件鏈接。

我花了數小時搜索這個問題，以及搜索StackOverflow，所以任何幫助將不勝感激。

Answer 1

我不知道爲什麼你需要下面的聲明，但它與它的工作原理：

.flexslider { 
    overflow: hidden; 
} 

Answer 2

對我來說，它的工作將

smoothHeight：真

到jquery聲明。所以它是：

$('#slider').flexslider({ 
     animation: "fade", 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     sync: "#carousel", 
     smoothHeight: true 
    });