Slide 2 articles dans OWL Carousel
Je suis en utilisant un OWL Carousel pour mon curseur.
Ce que je suis en train de faire est de glisser 2 éléments lors de la prochaine précédente est cliqué.
Donc sa glisse à chaque deuxième élément montre toujours le deuxième élément lors de la transmission.
J'ai essayé de travailler avec le CSS mais sans succès.
Voici ma configuration de base
$("#owl-demo").owlCarousel({
navigation : true, //Show next and prev buttons
slideSpeed : 600,
paginationSpeed : 400,
singleItem:true,
//"singleItem:true" is a shortcut for:
//items : 2
//itemsDesktop : false,
//itemsDesktopSmall : false,
//itemsTablet: false,
//itemsMobile : false
});
Toute aide appréciée.
Merci d'avance.
source d'informationauteur Dom
Vous devez vous connecter pour publier un commentaire.
Dans la version actuelle de Owl Carousel (1.3.2), trouver l' "owl.carousel.js" fichier et faites défiler jusqu'à la ligne #558. La ligne de lecture:
Modifier le dernier numéro de "2" afin qu'il se lise:
Enregistrer le fichier, et qui devrait en faire le curseur se déplacent par deux éléments.
Ne pas changer de plugin code, vous avez juste besoin d'initialiser de carrousel avec slideBy option comme indiqué ci-dessous.
Cela peut aider
Cela m'a aidé.
Les réponses ci-dessus sont utiles, mais elles sont incomplètes.
Remplacer la Ligne 558 en owl.carousel.js:
Remplacer la ligne 559 dans owl.carousel.js avec:
Cela rendra le carrousel faites défiler jusqu'par 2 lorsque vous cliquez sur suivant, mais vous avez encore besoin de compte lorsqu'un utilisateur clique sur le bouton précédent. La Suivante va faire
Remplacer la ligne 581 en owl.carousel.js avec:
Maintenant, vous avez besoin de compte pour un nombre impair d'éléments dans votre carrousel de sorte qu'il sera sur tout le chemin à travers chaque élément.
Ajouter ce code à la ligne 582 directement sous le code dans l'étape précédente:
J'espère que cette aide.
http://jsfiddle.net/k0nn7yw5/107/
Pour le bouton Suivant,
Pour le bouton Précédent,