1

私はflexsliderで作業しており、コンテナdivには、その下部に設定された境界線のように機能する背景画像があります。私がする必要があるのは、コンテナー div を実際の flexslider div のようにレスポンシブにすることです。したがって、ウィンドウを右から左に縮小すると、コンテナー div の高さは、それが理にかなっていれば高さを変更する必要があります。画像のサイズは 1680x748 です。現在、コンテナ div の高さは 805px で、幅は 100% に設定されています。なので横幅は関係ありません。高さだけ変える必要があります。

4

3 に答える 3

15

これを試して 。

SmoothHeight: 真、

function _flexslider(){
  $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    pauseOnHover: true,
    smoothHeight: true,
    itemWidth: 280,
    itemMargin: 0,
    minItems: 1,
    maxItems: 1,
  });
}
于 2014-05-10T09:50:46.937 に答える
1

.flexslider .slides imgセレクターは100 max-width％に設定されheight: 748px;ていますが、CSSに追加すると、スライダーがその高さまで上がります。つまり、すべての画像が収まるはずです。

.flexslider .slides img {
     max-width: 100%; 
     height: 748px; 
     display: block;
}
于 2012-09-11T23:59:13.483 に答える
0

だから私は同じ問題に遭遇しました。私が気づいたのは、画像の幅を正確な itemWidth 値に切り詰めていたことです。トリックは、実際の画像をその値よりもはるかに大きくすることです。プラグインが画像を拡大できない場合は、実際のサイズになります。縦横比を維持するために幅を減らすことができます。

于 2014-08-11T23:24:59.443 に答える