Comment définir une hauteur sur mon curseur réactif à l'aide de CSS avant le chargement de la page

Question

Qu'est-ce que c'est

Un curseur de cycle jquery, qui, lors du chargement et du redimensionnement de la fenêtre, utilise une combinaison de css et de javascript pour tout redimensionner de manière réactive.

Quel est le problème

Lorsque la page se charge, le curseur a une hauteur de 0 définie dans le css (car je ne connais pas la taille de l'écran tant que la page n'est pas chargée), puis utilise js pour redimensionner le curseur à une hauteur appropriée et commencer à fonctionnerle diaporama.

Cependant, cela signifie que jusqu'à ce que le js se charge / s'exécute, le curseur n'est pas visible, ce qui signifie qu'il "apparaît" dans la vue, poussant le contenu en dessous vers le bas.Cela semble être un problème général avec les curseurs réactifs comme flexslider ou cycle.

Existe-t-il un moyen de régler la hauteur en utilisant le CSS?

Answer 1

Je pense que vous recherchez la version 2 du cycle

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