Come si imposta un'altezza sul mio cursore reattivo usando CSS prima del caricamento della pagina

Question

Che cos'è

Un cursore del ciclo jQuery, che, al carico della finestra e al ridimensionamento della finestra, utilizza una combinazione di CSS e JavaScript per ridimensionare tutto in modo reattivo.

Cosa c'è che non va

Quando la pagina si carica, il cursore ha un'altezza di 0 impostata nel CSS (perché non conosco la dimensione dello schermo fino a quando la pagina non è caricata) e quindi utilizza JS per ridimensionare il cursore ad un'altezza appropriata e iniziare a eseguire la presentazione.

Tuttavia, ciò significa che fino a quando il JS non si carica/corre, il cursore non è visibile, il che significa che "si apre", spingendo il contenuto sotto di esso. Questo sembra essere un problema generale con cursori reattivi come Flexslider o Cycle.

C'è un modo per impostare l'altezza usando CSS?

Answer 1

Penso che la versione 2 del ciclo stai cercando

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