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 
    });