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：true

到jquery声明。所以它是：

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