ページロードの前にCSSを使用して、レスポンシブスライダーに高さを設定するにはどうすればよいですか

Question

それは何ですか

ウィンドウの負荷とウィンドウのサイズ変更で、CSSとJavaScriptの組み合わせを使用して、すべてを反応的にサイズ変更するjQueryサイクルスライダー。

どうしたの

ページが読み込まれると、スライダーの高さはCSSに設定されています（ページがロードされるまで画面サイズがわからないため）。JSを使用してスライダーを適切な高さにサイズ変更し、スライドショーの実行を開始します。

ただし、これは、JSがロード/実行されるまで、スライダーが表示されないため、その下にあるコンテンツを押し下げることを意味します。これは、FlexSliderやCycleなどの応答性のあるスライダーの一般的な問題のようです。

CSSを使用して高さを設定する方法はありますか？

Answer 1

サイクルのバージョン2はあなたが探していると思います

http://jquery.malsup.com/cycle2/demo/autoheight.php