¿Cómo configura una altura en mi control deslizante receptivo usando CSS antes de la carga de la página?

Question

Qué es

Un control deslizante de ciclo jQuery, que, en la carga de la ventana y el cambio de tamaño de la ventana, utiliza una combinación de CSS y JavaScript para cambiar el tamaño de todo de manera contenida.

Qué ocurre

Cuando la página se carga, el control deslizante tiene una altura de 0 establecida en el CSS (porque no conozco el tamaño de la pantalla hasta que la página se haya cargado) y luego usa JS para cambiar el tamaño del control deslizante a una altura apropiada y comenzar a ejecutar la presentación de diapositivas.

Sin embargo, esto significa que hasta que el JS se carga/ejecutan, el control deslizante no es visible, lo que significa que "aparece" a la vista, empujando el contenido debajo de él. Este parece ser un problema general con controles deslizantes receptivos como FlexSlider o Cycle.

¿Hay alguna forma de establecer la altura usando CSS?

Answer 1

Creo que la versión 2 del ciclo está buscando

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