jQuery Girl
  1. jQuery Girl
  3. Comment modifier les options en fonction du nombre d’éléments du carrousel à l’aide de Owl Carousel 2?
Intereting Posts
Comment mettre à jour la firebase database après l’actualisation de la page en javaScript? Javascript – Obtenir les mois précédents Date Changer les images toutes les 5 secondes en utilisant jquery en php Comment appliquer le texte affiché d’un élément à un autre en utilisant jquery La requête JSON renvoie une erreur d’object à l’aide de JQUERY Accès aux propriétés nestedes json jQuery récupère la valeur d’entrée dans une boucle .each $ (this) .dequeue (); vs next (); jQuery datepicker, bizarrerie de gamme personnalisée validation de plusieurs TinyMCE Editor Détecter un clic de fond dans jQuery Comment obtenir la valeur optimale de décalage correcte de webkit (Chrome / Safari) avec jQuery? Un bug de Webkit? CROSS-DOMAIN – Récupérer la source de la page Jquery ajax encoding data Jquery comment lier un événement clic à des éléments créés dynamicment?

Comment modifier les options en fonction du nombre d’éléments du carrousel à l’aide de Owl Carousel 2?

J’utilise Owl Carousel 2 sur un projet avec un contenu dynamic avec un nombre illimité de diapositives pouvant être ajoutées.

Il pourrait donc y avoir un cas où il n’y a que trois diapositives ou un cas où il en existe six.

La fonctionnalité que je souhaite est que s’il y a moins de quatre diapositives (le carrousel affiche quatre éléments à la fois), ajoutez les mouseDrag: false et touchDrag: false .

Voici mon JS: 

 $('.owl-carousel').owlCarousel({ loop:false, margin:20, responsive : { // breakpoint from 0 up 0: { items: 1, mouseDrag:true, touchDrag:true }, // breakpoint from 480 up 500: { items: 2, mouseDrag:true, touchDrag:true }, // breakpoint from 768 up 740: { items: 3, mouseDrag:true, touchDrag:true }, // breakpoint from 1024 up 980: { items: 4, mouseDrag:false, touchDrag:false } } })

Ainsi, actuellement, lorsque la fenêtre d’affichage a une largeur supérieure à 1024 pixels, la fonctionnalité de glissement sera supprimée, quel que soit le nombre d’éléments présents. Ce qui signifie que vous ne pouvez pas voir plus de 4 (s’il y en a).

Merci Jay