Autoplay owl-carousel, не работает автоматическая прокрутка слайдера.
Решил написать заметку по этому поводу, так как похожее решение в интернете найти не смог, а оно оказалось совсем простым. Может кому-нибудь будет полезным.
Везде подключаемые стили и скрипты выглядят так:
Сам html код:
Ну и настройки карусели:
Но карусель все никак автоматически не крутилась.
Посмотрев файл owl.carousel.js, я обнаружил, что там нет ничего связанного с autoplay, и код отвечающий за это лежит рядом в файле owl.autoplay.js.
Подключаем owl.autoplay.js и вуаля — все прекрасно работает.
Везде подключаемые стили и скрипты выглядят так:
<link rel="stylesheet" href="owl-carousel/css/owl.carousel.css">
<link rel="stylesheet" href="owl-carousel/css/owl.theme.default.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="owl-carousel/js/owl.carousel.js"></script>
Сам html код:
<div class="owl-carousel">
<div>Слайд 1</div>
<div>Слайд 2</div>
<div>Слайд 3</div>
<div>Слайд 4</div>
</div>
Ну и настройки карусели:
$(".owl-carousel").owlCarousel({
nav:true,
loop:true,
autoplay:true
...
});
Но карусель все никак автоматически не крутилась.
Посмотрев файл owl.carousel.js, я обнаружил, что там нет ничего связанного с autoplay, и код отвечающий за это лежит рядом в файле owl.autoplay.js.
Подключаем owl.autoplay.js и вуаля — все прекрасно работает.
Комментарии: 2
Ну, помимо того что OwlCarousel 2 модульный плагин и (на офф. сайте про это есть информация) еще один момент, вы скорее всего подключаете скрипт из папки src из репозитории, если подключить скрипт из папки build, то там всё собрано Grunt-ом и в том числе и их собственный плагин Autoplay. В папках src обычно лежат файлы которые обрабатываются, а уже готовый «продукт» принято хранить в папке build или app. Надеюсь я вам смог объяснить.
Спасибо, я это позже заметил, вы все написали по существу.Во всяком случае, пусть будет и такой вариант решения проблемы.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.