Owl Carousel 2 Nav sur les Côtés
Salut, je suis en utilisant Owl Carousel version 2 et ne peut pas trouver un exemple pour mettre la navigation sur les côtés du carrousel comme à droite et à gauche des chevrons ou des flèches. Comment voulez-vous faire?
OriginalL'auteur SemanticUI | 2016-11-05
Vous devez vous connecter pour publier un commentaire.
J'ai juste fait ça hier:)
Tout d'abord assurez-vous que la valeur liquidative est activé dans la config
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
Ce qui permettra d'injecter les contrôles dans les DOM, voir
https://owlcarousel2.github.io/OwlCarousel2/docs/api-classes.html
La prochaine utilisation de CSS pour positionner le Next et Prev contrôles, c'est ce que j'ai utilisé:
Pour mes icônes, j'ai utilisé la Police Génial, mais vous pouvez utiliser quelque chose de semblable. Remarque le navText dans le code javascript, c'est l'endroit où vous mettez votre code HTML personnalisé. Je suppose que vous pourriez utiliser une image trop (ou le mettre dans le fond de la .owl-suivant et .owl-prev divs. Notez que j'ai utilisé transformer pour faire mes flèches supérieur.
pourquoi fa-angle gauche apparaissant sous la barre verticale?
Voulez-vous dire A) une parfaite ligne verticale, ou B) une déformation > ou < ?? Si B, c'est que comme je le voulais, il suffit de retirer la transformation de la règle CSS. Si Un, avez-vous inclus les font-awesome.min.fichier css?
Pour quelque chose de très basique, vous pouvez essayer navText : ["<','>'], dans le javascript
Wow.. c'est génial!! Ne pas avoir à changer quoi que ce soit en css.. il suffit de copier collé votre code et cela a fonctionné comme un charme!! Merci 🙂
OriginalL'auteur KevInSol
Balisage HTML
De style Css
curseur est le nom de la classe
curseur activation
OriginalL'auteur Md. Abunaser Khan
tous-curseur est le nom de la classe
OriginalL'auteur Md. Abunaser Khan
Juste un peu d'amélioration à partir de @KevinSol réponse ci-dessus.
https://stackoverflow.com/a/40449552/10933080
C'est mon code JS:
et mon code CSS:
OriginalL'auteur Abid Khairy