Flexslider 2幻灯片水平＆amp;垂直视口/浏览器缩放

Question

我刚刚将Flexslider 2整合到一个非常简单的投资组合网页中。

这是我第一次使用Flexslider，到目前为止它很棒，但我有一点点 在重新调整浏览器大小时我无法按比例缩放幻灯片。

以下是我在线发布的网页示例：

http://www.thisisneil.com/rg-e/index.html

目前，幻灯片放映与浏览器完全水平缩放，但是 由于页面大小和幻灯片定位图像的底部 往往会被裁剪。为了解决这个问题，我希望幻灯片也可以扩展 与窗户垂直，我似乎无法做到这一点！

这里是我最终喜欢我的Flexslider表现的一个例子： （无论窗口大小如何，幻灯片总是会重新格式化为 显示完整的图像）。

http://eastphotographic.com/artist.php?region=uk&div=Photography&artist=Linda%20Brownlee

到目前为止，我已经尝试调整Flexslider CSS值并且还包含 单独div中的整个滑块设置为与窗口重新调整大小。我＆＃39;米 显然没有做任何正确的事情！

任何想法都会非常感激。

Answer 1

只需添加smoothHeight：调用flexslider时为true。

<script type="text/javascript">
$(window).load(function(){
    $('.flexslider').flexslider({
        animation: "slide", // set animation to slide
        smoothHeight: true // auto-adjust to fit the height of images
    });
});