comment ajouter des espaces entre owl carousel élément
Comment puis-je ajouter de l'espace entre la chouette article. ajouter la marge ou du rembourrage entre les éléments. c'est la nécessité de réagir.puis-je ajouter une gouttière dans le jquery.
function newsCarousel(){
$("#carousel").owlCarousel({
items : 4,
itemsCustom : false,
itemsDesktop : [1199,4],
itemsDesktopSmall : [980,2],
itemsTablet: [768,1],
itemsTabletSmall: false,
itemsMobile : [479,1],
singleItem : false,
itemsScaleUp : false,
mouseDrag : true,
//Basic Speeds
slideSpeed : 200,
paginationSpeed : 800,
rewindSpeed : 1000,
//Autoplay
autoPlay : true,
stopOnHover : false,
//Auto height
autoHeight : true,
});
}
je pense que vous pouvez essayer d'utiliser le css de l'élément et de définir la marge de la propriété
OriginalL'auteur Dishan TD | 2014-12-14
Vous devez vous connecter pour publier un commentaire.
Suffit d'utiliser
margin
comme ceci:C'est la bonne réponse, en modifiant le CSS après le carrousel est rendu à la DOM provoque généralement à être un peu bancale. À l'aide de la owlCarousel api permet d'afficher correctement.
OriginalL'auteur Den Pat
Sur cette base démo je dirais, il suffit d'augmenter la marge dans le .classe de l'élément personnalisé.css.
Être prudent avec la modification de CSS pour des sites responsive et les plugins. Si ce besoin d'être ajusté pour des résolutions différentes, vous pouvez ajouter à votre personnalisé.css certaines requêtes de média et d'étendre les styles en conséquence
Peut-être compte qu'avec une marge négative sur le parent wrapper?
Veuillez vérifier cette Q: stackoverflow.com/q/32845926/4290783
OriginalL'auteur steven iseki
J'ai trouvé la solution. Mais j'ai dû changer le code source.
J'ai ajouté une nouvelle option "remplissage" dans
$.fn.owlCarousel.options{}
. Puis j'ai changé de formule encalculateWidth : function () {}
Et dernière chose, j'ai ajouté ce remplissage (padding-right) pour les articles:
Alors maintenant, je peux initialiser carrousel avec l'option "remplissage" comme ceci:
Et d'obtenir ce résultat:
OriginalL'auteur Дмитрий Уланов
Vous devez savoir qu'en ce moment, il n'y a pas moyen d'ajouter une marge directement dans le owl carousel peuvent ils peuvent faire un apdate dans le futur, donc la solution est de rendre les espaces avec des propriétés Css
vous pouvez ajouter la
padding
en css et aussi lamargin
et la meilleure façon d'obtenir de l'espace spécifique, vous pouvez utiliser les mathématiques pour le calcul de l'espace dont vous avez besoin et l'a appliqué à la marge et la margeJ'espère que cela va vous aider à trouver la solution de votre problème
vous pouvez suivre ces étapes dans ce Tuto publié par le site officiel de owl carousel plugin : http://www.istedod.uz/lib/owl-carousel/demos/custom.html
OriginalL'auteur Soufiane Douimia
créer une classe pour margin/padding et de l'utiliser selon vos besoins.
OriginalL'auteur Firoz Khan
Config OwlCarousel:
OriginalL'auteur Thành Nguyễn
Peut-être que vous êtes en utilisant OWL Carousel de la version 1, je vous suggère d'utiliser la version 2.
Vous l'aurez ici.
Aller à Docs menu, vous trouverez tout.
OriginalL'auteur Sourov Roy Chowdhury
Vous pouvez utiliser pur CSS à l'aide de box-shadow:
OriginalL'auteur Liviu Costache