Изображения укладываются сверху, а не скользят с помощью Owl Carousel - PullRequest
Новая
       13

Изображения укладываются сверху, а не скользят с помощью Owl Carousel

0 голосов
/ 02 января 2019

Мой сайт http://mytempsite.temporary -domain.com

На этой странице есть два изображения, отображаемые с помощью Owl Carousel, но я не могу понять, что здесь происходит не так, как я использую примеры из Интернета, поэтому я мог бы ввести что-то не так здесь.

Моя настройка карусели 

<script>

            $(document).ready(function() {
                $('#banner').owlCarousel({
                    animateOut: 'fadeOut',
                    animateIn: 'fadeIn',
                    items: 1,
                    smartSpeed: 1000,
                    autoplay: true,
                    autoplayTimeout: 6000,
                    dots: true,
                    nav: false,
                    //loop: true,
                    mouseDrag: false,
                    touchDrag: false
                });

            });
        </script>

Два изображения отображаются, когда они должны скользить. Я использую последнюю версию Owl Carousel, поэтому не уверен, что это проблема Owl Carousel или что-то еще? Я проверил мой HTML, который выглядит нормально и без ошибок в окне консоли (с использованием Chrome)

Я удалил почти все, начиная с сайта и заканчивая его простыми базовыми элементами, а также оставшиеся без изменений текущие Javascript, JQuery, CSS. Есть идеи, что здесь не так?

1 Ответ

0 голосов
/ 02 января 2019

Я не вижу двух файлов CSS в вашем исходном коде, которые, как сказано в документации Owl Carousel, необходимы для успешной установки ( source ).Вам нужно будет включить следующее в <head>. 

<!-- change paths to reflect your setup -->
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
...