Owl Carousel ne Autoplay
Je suis en utilisant le Owl Carousel sur mon site. Selon leur documentation, ce morceau de code JavaScript devrait fonctionner:
<script>
$("#intro").owlCarousel({
//Most important owl features
//Autoplay
autoPlay : 5000,
stopOnHover : false
)}
</script>
Mais pour quelque raison il ne sera pas de lecture automatique. Voici le code HTML du curseur:
<div id="intro" class="owl-carousel">
<div class="item first">
<div class="container">
<div class="row">
<div class="carousel-caption-left colour-white">
<h2>Title Text</h2>
<h1>Sub title text here.</h1>
<p>If you like you can even add a sentence or two here.</p>
</div>
</div>
</div>
<div class="overlay-bg"></div>
</div>
<div class="item second">
<div class="container">
<div class="carousel-caption-left colour-white">
<h2>Title Text</h2>
<h1>Sub title text here.</h1>
<p>If you like you can even add a sentence or two here.</p>
</div>
</div>
<div class="overlay-bg"></div>
</div>
<div class="item third">
<div class="container">
<div class="carousel-caption-left colour-white">
<h2>Title Text</h2>
<h1>Sub title text here.</h1>
<p>If you like you can even add a sentence or two here.</p>
</div>
</div>
<div class="overlay-bg"></div>
</div>
</div>
Vous devez vous connecter pour publier un commentaire.
Oui, c'est une erreur de frappe.
Écrire
pas
La lecture automatique-plugin code définit la variable comme "lecture automatique".
Vous êtes peut-être sur le mauvais de la chouette version doc.
Évolution de lecture automatique pour la lecture automatique seul n'a pas de travail pour moi. Ce qui a fait le tour était d'ajouter autoplaySpeed et autoplayTimeout propriétés et de les mettre à la même valeur, comme ceci:
Voici un travail de démonstration: JS Bin
Plus d'informations à ce sujet peuvent être trouvées ici: https://github.com/smashingboxes/OwlCarousel2/issues/234
autoPlayTimeout: 5000
pour obtenirautoPlayTimeout: 5000,
ajouter cette
Vous devez définir les deux autoplay et autoplayTimeout propriétés. J'ai utilisé ce code et il fonctionne pour moi:
Ce code devrait fonctionner pour vous
Dans mon cas autoPlay pas de travail mais autoplay fonctionne bien
Je n'ai utilisé cette
pas owl.autoplay.js est besoin d'elle & mon owl carousel version est @version 2.0.0
espérons que cette chose vous aider 🙂
Juste une Erreur de frappe,
Il devrait être-
Votre Javascript doit être
Réglage
autoPlay: true
ne fonctionne pas pour moi.Mais sur la définition de
autoPlay: 5000
il a travaillé.Si vous utilisez v1.3.3 utilisez alors la propriété suivante
Ou
l'aide de la dernière version de l'utilisation de la propriété suivante
Avec la version 2.3.4, vous devez l'ajouter à la owl.autoplay.js plugin.
Puis effectuez les opérations suivantes
Tout d'abord, vous devez appeler le owl.autoplay.js.
ce code fonctionne pour moi : chouette.trigger('jouer.owl.autoplay", [1000]);
J'ai eu le même problème et couln pas à trouver la solution. Enfin, j'ai réalisé qu'avec owlcarousel ver. 2.3.4-je inclure non seulement owl.carousel.js mais owl.autoplay.js fichier trop.