2016-03-27 1 views
0

Ich habe alles richtig eingerichtet (zumindest denke ich) aber das Eulenkarussell wird nicht angezeigt/geladen. Irgendeine Hilfe? Danke im Voraus.Eulenkarussell 2 wird nicht angezeigt

Hier ist mein 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> 

Antwort

1

Versuchen Hinzufügen der Klasse "Eule-Thema" zu Ihrem "Eule-Karussell" div.

Sieht aus wie das Problem ist eigentlich Ihre Skript-Tags ... ändern Sie "href" zu "src".

Eulenkarussell zeigt standardmäßig 3 Elemente an ... zufällig die Anzahl der Elemente, die Sie im Karussell haben. Versuchen Sie, das Skript mit den folgenden Funktionen innerhalb Ihrer Dokument-Ready-Funktion zu initiieren:

+0

Ich habe aber es ändert nichts. @Donny West –

+0

Hoppla, sieht so aus, als ob ich das Problem verpasst hätte ... über diese Skript-Tags hinweg! Siehe meine bearbeitete Antwort oben, einfache Lösung. –

+0

Dank @Donny West !!! –