图像堆叠在顶部而不是使用 Owl Carousel 滑动

电脑

我的网站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 保持不变。任何想法这里出了什么问题？

彼得

我没有在您的源代码中看到 Owl Carousel 文档所说的成功安装所需的两个 CSS 文件（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">

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。