Css Flexslider 2水平和水平幻灯片放映；垂直视口/浏览器缩放

我刚刚将Flexslider 2集成到一个极其简单的公文包网页中

这是我第一次使用Flexslider，到目前为止它很好，但我有一点 重新调整浏览器大小时，无法按我所希望的方式缩放幻灯片

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

目前，幻灯片与浏览器完全水平缩放，但 由于页面大小和幻灯片定位在图像的底部 容易被剪短。为了解决这个问题，我希望幻灯片也能缩放 垂直与窗口，我只是不能让它这样做

以下是我最终希望Flexslider表现的示例： （无论窗口大小如何，幻灯片都会重新格式化 显示完整图像）

到目前为止，我已尝试调整Flexslider CSS值，并包含 将单独div中的整个滑块设置为随窗口重新调整大小。我是 显然没有做正确的事情

---

任何想法都将不胜感激。

只要在调用flexslider时添加smoothHeight: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
    });
});

$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”，//将动画设置为幻灯片
smoothHeight:true//自动调整以适应图像的高度
});
});

---

Mihai，谢谢您的回复。应该已经在头部（如下所示）和Flexslider源脚本中调用了smoothHeight…仍然没有乐趣-我不确定smoothHeight是否确实与视口缩放有关？再次感谢$（窗口）.load（函数（）{$（'.flexslider'）.flexslider（{animation:“slide”，smoothHeight:true，controlsContainer:“.flex container”，start:function（slider）{$（'.total slides'）.text（slider.count）；}，after:function（slider）{$（'.current slide'）.text（slider.currentsslide）; } }); }); 尼尔：您的滑块加载不正确。我刚刚在您的调用中发现一个错误：TypeError:$（…）。flexslider不是一个函数-after:function（slider）。我将寻找一个修复方法。Neil我复制/粘贴了您的代码/资源（jquery.js除外），它可以工作！所以我认为问题在于加载jquery。第一次看时，我注意到您加载了两次jquery（从服务器和googleapis）。除此之外，你的目标控制容器：“.flex container”，但在你的html中，类是“flexcontainer”。嗨，Mihali，感谢你今天的帮助，我刚刚检查了fiddle链接，图像仍然无法缩放（以适应窗口而不裁剪），因为我正在尝试将其缩放。我看看今晚能不能解决这个问题。。。你可能不得不忍受我，因为你可能已经猜到我是javascript新手！再次感谢。尼尔。