Flexslider 2幻燈片水平和垂直視口/瀏覽器縮放

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集內整個滑塊重新大小與窗口。我是 顯然沒有做任何事情！

任何想法將不勝感激。

Answer 1

只需在調用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 
    }); 
});