Autoplay owl-carousel, не работает автоматическая прокрутка слайдера.

Решил написать заметку по этому поводу, так как похожее решение в интернете найти не смог, а оно оказалось совсем простым. Может кому-нибудь будет полезным.

Везде подключаемые стили и скрипты выглядят так:

<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 и вуаля — все прекрасно работает.
kirill
15 августа 2018, 13:41
modx.pro
8 703
0

Комментарии: 2

Баха Волков
15 августа 2018, 14:55
+1
Ну, помимо того что OwlCarousel 2 модульный плагин и (на офф. сайте про это есть информация) еще один момент, вы скорее всего подключаете скрипт из папки src из репозитории, если подключить скрипт из папки build, то там всё собрано Grunt-ом и в том числе и их собственный плагин Autoplay. В папках src обычно лежат файлы которые обрабатываются, а уже готовый «продукт» принято хранить в папке build или app. Надеюсь я вам смог объяснить.
    kirill
    15 августа 2018, 19:01
    0
    Спасибо, я это позже заметил, вы все написали по существу.Во всяком случае, пусть будет и такой вариант решения проблемы.
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2