0

すべてを正しく設定しましたが (少なくとも私はそう思います)、フクロウのカルーセルが表示/ロードされません。何か助けはありますか？前もって感謝します。

ここに私のHTMLがあります：

<head>
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.css">
</head>

<body>

        <div class="owl-carousel">
      <div><img src="assets/images/Profile-Holder.png"></div>
      <div><img src="assets/images/Profile-Holder.png"></div>
      <div><img src="assets/images/Profile-Holder.png"></div>
    </div>  

        <script href="assets/js/jquery-1.12.2.min.js"></script>
    <script href="assets/js/owl.carousel.min.js"></script>
            <script>$(document).ready(function(){
              $(".owl-carousel").owlCarousel();
            });
    </script>
</body>
4

1 に答える 1

3

クラス「owl-theme」を「owl-carousel」div に追加してみてください。

問題は実際にはスクリプトタグにあるようです...「href」を「src」に変更してください。

Owl Carousel はデフォルトで 3 つのアイテムを表示します...たまたま、Carousel にある要素の数です。ドキュメント準備完了関数内で次のスクリプトを開始してみてください。

$('.owl-carousel').owlCarousel({
  center: true,
  items:1
});
于 2016-03-27T23:29:15.240 に答える