0

Flexslider 2 を非常にシンプルなポートフォリオ Web ページに統合しました。

Flexslider を使用するのはこれが初めてです。これまでのところ素晴らしいですが、ブラウザーのサイズを変更するときに、スライドショーを希望どおりにスケーリングするのに少し問題があります。

以下は、私がオンラインで投稿したページの例です。

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

現在、スライドショーはブラウザで完全に水平方向にスケーリングされますが、ページ サイズとスライドショーの配置により、画像の下部がトリミングされる傾向があります。これを解決するには、スライドショーをウィンドウに合わせて垂直方向にもスケーリングしたいのですが、そうすることができないようです!

Flexslider を最終的にどのように動作させたいかの例を次に示します (ウィンドウのサイズに関係なく、スライドショーは常に再フォーマットされて完全な画像を表示します)。

http://eastphotograph.com/artist.php?region=uk&div=Photography&artist=Linda%20ブラウンリー

これまでのところ、Flexslider の CSS 値を調整し、別の div セット内にスライダー全体を含めて、ウィンドウのサイズを変更しようとしました。私は明らかに何も正しくしていません！

どんな考えでも大歓迎です。

4

1 に答える 1

0

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

于 2013-07-10T09:34:17.063 に答える