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 и вуаля — все прекрасно работает.
Техническая поддержка MODX
Сайт лежит, тормозит или остался без разработчика?
Переезд с MODX 2 на 3, PHP 7 на 8, скорость и безопасность. Поддержка со сроками и ответственностью, а не совет в чате.
Подробнее
Реклама
2
Комментарии: 2