OWL 2 Carousel Auto Play не работает
У меня есть два слайда. Я использовал OWL 1, и он работал отлично. Я хотел бы бесконечный цикл, поэтому перешел на OWL 2.
Следующий код прекрасно работает. Слайды остаются синхронизированными, но автозапуск никогда не начинается. Я должен перетащить слайды или показать навигацию и щелкнуть далее / пред.
Надеясь на ответ, довольно очевидно для кого-то с большим опытом.
$(document).ready(function() {
var carousel_1 = $('#the_carousel'),
carousel_2 = $('#the_carousel_content');
carousel_2.on('change.owl.carousel', function(event) {
carousel_1.trigger('to.owl.carousel', [event.item.index,100,true]);
});
carousel_1.owlCarousel({
items:1,
loop:true,
autoPlay: true,
autoplayTimeout: 100,
slideBy: 1,
autoplaySpeed: 100,
rewindNav: false
});
carousel_2.owlCarousel({
items:1,
loop:true,
autoPlay: false,
autoplaySpeed: 100,
autoplayTimeout: 100,
nav:false,
slideBy: 1,
rewindNav: false
});
});
</script>
Спасибо!
2 ответа
Рассмотрите опечатку в:
autoPlay: true,
Это должно быть:
autoplay: true,
А для тех, кто скачал версию библиотеки для разработки, нужно быть осторожным, чтобы плагин автозапуска не был включен, как сказал пользователь em2.
У этого парня была та же проблема: Сова Карусель не будет автоигрой
вам нужно вручную добавить библиотеку autoplay.js с сайта совы
<script src="owl/js/owl.autoplay.js"></script>