7

Flex Sliderを使用して画像スライダーとカルーセルを作成する方法を学んでいます。ただし、Flex は、すべての画像の幅と高さがまったく同じである場合にのみ適しているようです。

この問題は、次の Web サイトで確認できます。

https://dl.dropboxusercontent.com/u/785815/bastion/index.html

画像がかなり大きいので、読み込み中は気長にお待ちください。

私のテスト Web サイトには、幅と高さが異なる複数の画像が含まれています。これを修正するには、幅と高さが同じになるようにサイズを変更する必要があります。また、幅と高さの比率のために中央揃えにする必要もあります。

だから、私は知りたい：

  1. Flex Slider でこれを行う方法はありますか?
  2. ライブラリのコードを変更せずにそれを行う方法はありますか?

この質問に答えるために、次の記事を見つけました。

どんな助けにも感謝します、ペドロ。

4

3 に答える 3

0

または、次のプロパティを既存のセレクターに追加して、画像をトリミングすることもできます。

.flexslider .slides > li {
  overflow:hidden;
  position:relative;
  height:400px; /* desired height here */
}
.flexslider .slides img {
  height:auto;
}
于 2017-07-14T13:27:01.660 に答える