2016-03-27 6 views
0

私はすべてを正しく設定しましたが(少なくとも私はそうだと思う)、フローカルカルセルは表示されません。どんな助け?前もって感謝します。ここでフクロウカルーセル2が表示されない

は私のHTMLです:あなたの "OWL-カルーセル" のdivにクラス "フクロウテーマ" を追加

<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> 

答えて

1

してみてください。

実際にあなたのスクリプトタグが問題であるように見えます... "href"を "src"に変更してください。

デフォルトでは、3つのアイテムが表示されています...同時に、カルーセルに搭載されている要素の数。ドキュメント準備機能内で次のスクリプトを試してみてください。

$('.owl-carousel').owlCarousel({ 
    center: true, 
    items:1 
}); 
+0

私は持っていますが、何も変わりません。 @Donny West –

+0

おっと、私は問題を逃したように見えます...それらのスクリプトタグの上をスキミングしました!上の私の編集された答え、簡単な修正を見てください。 –

+0

ありがとう@Donny West !!! –

関連する問題