Owl Carousel - largeur est mal calculé
J'ai trois éléments sensibles (dim), mais à chaque fois que le Hibou-Carrousel est chargé, le hibou-wrapper largeur est de deux fois la taille de toutes les images ensemble.
Par exemple; si les images pleine taille prend 1583 px, le hibou-wrapper prend 1583 * 3 * 2 = 9498px, le site prend cette largeur, au lieu de la taille réelle (1583 px).
La question: http://nacionalempreendimen.web2144.uni5.net
HTML
<div id="promoted-carousel">
<div class="item"><img src="assets/img/tmp/1.jpg"></div>
<div class="item"><img src="assets/img/tmp/2.jpg"></div>
<div class="item"><img src="assets/img/tmp/3.jpg"></div>
</div>
CSS
#promoted-carousel .item img{
display: block;
width: 100%;
height: auto;
}
JS
$('#promoted-carousel').owlCarousel({
autoPlay: 5000,
stopOnHover: true,
singleItem: true
});
Mise à JOUR
J'ai vu que quand j'ai mis #promoted-carousel
div de .page-wrapper
div, il fonctionne correctement. Mais mes connaissances en css, il n'est pas suffisant pour comprendre pourquoi il fonctionne.
- essayez de mettre à
#main
CSS ceci:overflow: hidden
et de voir si les travaux - ou .principal? J'ai essayer dans .css principale, mais n'a pas fonctionné.
#main
, le # signifie que c'est un ID, parce que quand j'ai inspecté l'élément, c'était la div avant votre carrousel div. si c'est le trop-plein est caché, alors il va se cacher, si plus grand que le 100%.- La version de owl carousel vous utilisez?
- J'espère que la question n'est pas dans Owl Carousel ! voir cet exemple jsfiddle.net/kishoresahas/u0d8L2z7
- Avez-vous une mise à jour de l'URL de votre code?
- Définir les éléments à 1 les résoudre (dans mon cas).
- si vous avez réussi à la fixer avec une solution de contournement pourquoi ne pas écrire votre code solution de contournement ?
Vous devez vous connecter pour publier un commentaire.
J'utilise souvent 2 wrappers lorsque l'on travaille avec Owl Carousel. J'avais mis tous mes styles par-diapositive pour leur hauteur/largeur etc et l'emballage extérieur que j'avais mis pour la largeur de scène etc.
Je puis appeler owl carousel sur l'emballage intérieur et d'habitude, j'ai très peu de problèmes
cette solution m'a aidé aussi , si votre thème est l'aide bootstrape 4 et de la chouette plugin utilise bootstrape 3 cela permettra de résoudre le hibou largeur question
Incroyablement, je soupçonne que cela pourrait être un bug dans owlCarousel.
Ce qui m'a aidé a été de retirer les
* 2
dansappendWrapperSizes
:Il a travaillé pour des owlCarousel 1.3.3.
il m'a aidé:
Ce problème est un problème connu. Vous avez besoin de mettre
table-layout: fixed
sur la table.https://github.com/OwlFonk/OwlCarousel/issues/274