Owl Carousel 2 - autoHeight (plusieurs éléments)
Au moment où le Owl Carousel autoHeight ne fonctionne qu'avec 1 élément sur l'écran. Leur plan est de calculer tous les éléments visibles et changer la hauteur en fonction de la plus élevée de l'élément.
Je contourner ce problème en appelant le .active classes sur les éléments visibles, et de donner les éléments invisibles une petite hauteur. Il y a déjà une solution plus élégante?
$('.owl-carousel').owlCarousel({
loop: true,
items: 3,
margin: 1,
autoHeight: true,
});
Des Idées? Merci!
Pourquoi ne pas utiliser le vôtre
Je suis à l'aide d'images avec des hauteurs différentes et je ne veux pas l'espace afin d'apparaître sous le carrousel.
Vous devez définir une hauteur du trou OwlCarousel, ou de ses éléments ?
La hauteur de la Chouette Carrousel doit être la même que la hauteur de la plus haute image visible, et de mettre à jour lui-même sur la route..
style="height : 450px"
et de définir cette valeur pour tous les div ?Je suis à l'aide d'images avec des hauteurs différentes et je ne veux pas l'espace afin d'apparaître sous le carrousel.
Vous devez définir une hauteur du trou OwlCarousel, ou de ses éléments ?
La hauteur de la Chouette Carrousel doit être la même que la hauteur de la plus haute image visible, et de mettre à jour lui-même sur la route..
OriginalL'auteur Schakelen | 2015-04-21
Vous devez vous connecter pour publier un commentaire.
Je l'ai résolu via l'API interne, à l'aide de plusieurs événements à l'appel de la même autoHeight-fonction.
Violon
JQuery Partie:
Pour permettre à la hauteur de l'animation, j'ai ajouté le code CSS suivant:
Espère que cela aide.
Je ne comprends pas que votre Violon fonctionne déjà avec élément dynamique hauteurs, je ne trouve aucune hauteurs fixes. Et oui, vous pouvez initialiser le stageHeight par les premiers éléments de la hauteur en utilisant jQuery :une première sélection. https://jsfiddle.net/y18074c0/5/
OriginalL'auteur Dennis Helfensteller
J'ai utilisé flex pour résoudre ce problème:
code ci-dessus pour
owl-stage
et ci-dessous pourowl-item
classe:J'espère que cette réponse aider tous les corps qui ont ce problème.
OriginalL'auteur Behnam Azimi
J'ai eu même problème. Je n'résolu en ajoutant un autoWidth:c'est vrai, et cela fonctionne maintenant!
Mon hibou script est:
OriginalL'auteur David S