Owl Carousel Aura Pas De Lecture Automatique
Je suis en train de construire un site wordpress avec JQuery carrousel à l'aide de la Owl Carousel 2 plugin JQuery. J'ai utilisé ce manège avant de avec succès, mais je suis perplexe sur cette seule et j'ai besoin de votre aide. J'espère que d'autres personnes qui peuvent s'exécuter sur la même question peut faire référence à cette solution vous tous de l'aide.
Le manège va charger, afficher les images, et la plupart des options que j'ai essayé de travail, mais la lecture automatique ne charge pas l'image suivante au bout de 5 secondes. Tous les fichiers sont à leur place et de chargement correctement, comme l'a vérifié à l'aide de Firebug réseau inspecteur. Merci pour votre aide/suggestions à l'avance!
customjs.js:
$(document).ready(function(){
var owl = $(".owl-carousel");
owl.owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true
});
});
HTML:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script src="owl/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="customjs.js"></script>
</head>
<body>
<div id="feature" class="full">
<!-- FEATURE ROTATOR -->
<div id="home-feature" class="owl-carousel owl-theme">
<div class="item">
<a href="#">
<img src="/images/home/rotator1.jpg"
alt="Feature 1"/>
</a>
</div>
<div class="item">
<a href="#">
<img src="/images/home/rotator2.jpg"
alt="Feature 2"/>
</a>
</div>
<div class="item">
<a href="#">
<img src="/images/home/rotator3.jpg"
alt="Feature 3"/>
</a>
</div>
<div class="item">
<a href="#">
<img src="/images/home/rotator4.jpg"
alt="Feature 4"/>
</a>
</div>
</div>
</div>
</body>
J'ai aussi essayé en ajoutant owl.trigger('owl.play',6000);
dans le document.prêt de la fonction par une suggestion sur cette stackoverflow fil en vain.
OriginalL'auteur user4139460 | 2014-10-14
Vous devez vous connecter pour publier un commentaire.
Pensé à elle. Wow, ne peux pas croire que j'ai manqué. Devait inclure l'autoplay.js dans la section
OriginalL'auteur user4139460
J'ai aussi été confronté à un problème similaire. Ensuite, j'ai cherché et trouvé une solution que l'
autoplay
devrait être re-corrigé commeautoPlay
avec p comme capitale. Et il a travaillé pour moi.Merci beaucoup de l'homme...j'ai été en utilisant version 1.3.2 de la CHOUETTE. Il fonctionne désormais correctement.
OriginalL'auteur Chamath Nimantha
Si vous le télécharger à partir de Github ( OwlCarousel2 dossier src ), vous obtiendrez les séparer des fichiers et que vous devez inclure spécifier owl.autoplay.js & owl.carousel.js séparément dans votre code HTML.
Si vous le télécharger à partir de Chouette Carrousels site owl.autoplay.js est inclus dans le owl.carousel.js fichier.
OriginalL'auteur 0x1ad2
Il est stupide de solution, mais peut-être que quelqu'un peut faire face avec elle.
J'ai travaillé dans d'autres, de code, de sorte qu'il appel owlCarousel() avec "autoPlay: false", dans l'un des fichiers javascript. Je l'ai appelé après qu'il appel owlCarousel() fonction avec "autoPlay: true". Mais il n'est pas travaillé et aussi navigateur ne donnent pas toute notification inn console si elle n'appelle deux fois la même fonction.
OriginalL'auteur sambua
Tout d'abord, vous devez appeler le owl.autoplay.js.
Ce code fonctionne pour moi:
OriginalL'auteur Kako Sabolo
C'est ce que vous devez faire, quand vous appelez le hibou-démo /owl carousel vous devez ajouter
| lecture automatique: 3000 | (----- 3000 = 3sec de rotation entre les images.
Vous n'avez pas besoin de toucher à rien d'autre.
OriginalL'auteur Ali