0

私が開発中の現在のサイトをご覧ください: http://debourg-dev.ch/eliterent/下部のブランド ロゴ スライダーには、bxslider を使用しています。スライド (ロゴ) を中央に配置し、bxslider がロゴを「半分表示」しないようにする方法があるかどうか疑問に思っています。画面。理想的には、現在のウィンドウに収まるロゴのみを完全に表示したいと思います。

どうもありがとう

4

2 に答える 2

5

liこれを調整して削除することで、各画像を中央に配置するのは簡単です。

.bx-wrapper img {
    display: block;
}

これを追加します：

.bx-wrapper li {
    text-align: center;
}

しかし、クロッピングの問題に関しては運が悪いと思います。lis に% 幅を設定することを提案するつもりでしたがul、非常に広い に関連して設定するため、うまくいきません。ただし、おそらくJSでそれを行うことができます。

于 2013-06-02T13:36:18.310 に答える
2

クロッピングをなくし、解像度に関係なくスライドが収まるようにするには、スライドの幅と余白を知る必要があります。次に、bxslider コンテナーの幅を使用して maxSlides を計算できます。

Math.floor($('#container').width() / (slide_width + slide_margin));

実施例を見る

于 2014-12-17T15:32:35.997 に答える