Masquer les points quand tous les divs/slides sont visibles - Owl carousel 2
tout le monde!
J'ai dynamicaly généré owl carousel articles et j'ai pu souvent la situation dans laquelle tous les éléments dans le carrousel peut être visible sur les hautes résolutions. Dans ce cas, je n'ai pas besoin qu'un "point" de la montre ci-dessous le carrousel.
Donc, pour par exemple, je vais avoir 4 éléments et tous les quatre d'entre eux seront visibles sur la résolution du bureau, et dans cette situation, je n'ai pas besoin que d'une diapositive dot. mais j'aurai besoin de points pour les petits écrans, parce que les petites résolutions d'affichage seulement 1 ou 2 articles par diapositive. mais il pourrait être la situation avec plus de 4 articles dans le carrousel (4 par slide max sur la grosse résolution) et dans ce cas sur les grandes résolutions, j'aurai besoin de les points ci-dessous.
Est-il possible de hibou carousel2 pour masquer les points ou la valeur liquidative des boutons lorsque toutes les divisions à l'intérieur du carrousel sont visibles. je ne pouvais pas trouver la fonction dans la documentation et j'ai aussi regardé ici sur ce sujet, mais ne pouvais pas trouver la réponse.
Si cette fonctionnalité n'est pas pris en charge déjà, quelqu'un peut m'aider comment faire dot disparaître lorsque tous les éléments de la carousell sont visibles?
thx
Vous voudrez probablement utiliser un rappel sur l'init et de créer une fonction pour compter les diapositives, puis d'appliquer le style CSS pour masquer la valeur liquidative des points. Merci de faire un effort et de revenir avec une question plus spécifique.
oui, pas de ma part de développement, mais les éléments sont générés à l'aide du serveur de côté
merci pour la suggestion, je pense que je vais essayer de faire quelque chose, comme vous l'avez suggéré. "...question plus spécifique", je n'ai pas mis assez d'info dans la question, ou? la chose que je voulais savoir, c'est simple, je voulais savoir comment puis-je masquer les points lorsque tous les éléments sont visibles. je suis en utilisant owl carousel principalement parce que de plus petites résolutions d'écran. sur full web de taille, je ne vais pas avoir besoin de points, la plupart du temps. merci encore une fois pour votre suggestion
que
one dot
est une sorte de micro interaction qui indique à l'utilisateur qu'ils sont sur la seule page, l'éradiquer, c'est la suppression de la rétroaction qu'il n'est plus à démontrer, il est là pour une raison.OriginalL'auteur Dma | 2015-04-30
Vous devez vous connecter pour publier un commentaire.
Vous pouvez ajouter des options à la réponse des appels d'enlever la navigation
Voir ci-dessous par exemple de Owl Carousel 2 docs
OriginalL'auteur Matt B.
Basé sur la la documentation vous pouvez utiliser les éléments suivants de l'initialisation. Sur le
onResize
vous pouvez avoir un rappel. L'argument de la fonction de rappel a un objet avec les données que vous dire combien de pages le carrousel.De sorte que vous pouvez déterminer si il y en a plusieurs pages, vous pouvez activer ou désactiver les points de vue et mettre en œuvre les suivantes.
Malheureusement, bien que la documentation mentionne que chaque callback est appelée avec un argument, dans mes tests, le
e
argument est toujours pas défini.J'ai donc utilisé une approche différente pour déterminer si il y a plus de pages. Dans ma démo, le carrousel a 4 articles et dans mon initialisation j'ai mis que lorsque la largeur de la page est de plus de 1000 la taille de la page 5.
Donc l'arbitraire de la règle que lorsque la largeur de la page est plus de 1000px le carrousel n'a qu'un seul point et dans ce cas, vous pouvez les désactiver.
Un travail de démonstration est ici:
P. S.: je sais que ma réponse n'est pas complète, mais il peut vous aider à faire votre exemple de travail.
OriginalL'auteur Tasos K.