これbxSlider
に似た( を使用して) スライダーを作成しようとしています。
div
スライダーを含むと、ユーザーのブラウザーの幅に応じて幅が均等に変化するようです。つまり、div
は画像を部分的に切り取ることはなく、常に全体像を表示または非表示にします。
これがどのように機能するか知っている人はいますか?
これbxSlider
に似た( を使用して) スライダーを作成しようとしています。
div
スライダーを含むと、ユーザーのブラウザーの幅に応じて幅が均等に変化するようです。つまり、div
は画像を部分的に切り取ることはなく、常に全体像を表示または非表示にします。
これがどのように機能するか知っている人はいますか?
メディアクエリを使用できます
そのためには、画像の幅を知る必要があるため、スライダー コンテナーの幅を計算できます。
簡単な例 - 画像の幅は 200px です。したがって、800 から 1000 ピクセルの画面の場合、画像コンテナは次のようにする必要があります800px
。クロップなしで収まる画像は 4 つだけです。1000 から 1200px の画面の場合 - 1000px
5 つの画像が収まるなど。