Carousel çalışmıyor

-4

Web siteme basit bir kayan karusel eklemek istedim ve çok sayıda seraching bulundu Owl Carousel. Herşeyi talimatlara göre takip ettim ama ne yaparsam yapayım, işe yaramıyor. Aşağıda tam kodu:Carousel çalışmıyor

<html> 
<head> 
    <title>Carousel</title> 

    <link rel="stylesheet" href="owl/owl.carousel.js"> 
    <link rel="stylesheet" href="owl/owl.theme.default.css"> 
    <link rel="stylesheet" href="owl/owl.animate.css"> 

</head> 

<body> 
    <div class="owl-carousel"> 
     <div class="item"><h4>1</h4></div> 
     <div class="item"><h4>2</h4></div> 
     <div class="item"><h4>3</h4></div> 
     <div class="item"><h4>4</h4></div> 
     <div class="item"><h4>5</h4></div> 
     <div class="item"><h4>6</h4></div> 
     <div class="item"><h4>7</h4></div> 
     <div class="item"><h4>8</h4></div> 
     <div class="item"><h4>9</h4></div> 
     <div class="item"><h4>10</h4></div> 
     <div class="item"><h4>11</h4></div> 
     <div class="item"><h4>12</h4></div> 
</div> 

<script src="js/jquery-2.2.2.min.js"></script> 
<script src="owl/owl.carousel.js"></script> 
<script> 
    $(document).ready(function(){ 
    $('.owl-carousel').owlCarousel(
     loop:true, 
     margin:10, 
     nav:true, 
     responsive:{ 
     0:{ 
      items:1 
     }, 
     600:{ 
      items:3 
     }, 
     1000:{ 
      items:5 
     } 
     } 
     })); 
    }); 
    </script> 
</body>

DÜZENLEME: sayıların tarayıcısına çıkışı sadece bir dizi yatay atlıkarınca daha dikey yerine sergiledi.

Gerekli CSS ve Javascript dosyalarının hepsinin yerinde olduğundan eminim. Lütfen bu sorunu bir başkasına çözün.

kaynak

2016-03-31 user3650571

Adım 1: Tarayıcı konsolunuzu hatalardan denetleyin. Ve eğer bu yardımcı olmazsa, bize canlı bir örnek göster. – CBroe

'' '' '' '' 'OwlCaraousel'' eksik,' '' 'en azından, hatalarınız için tarayıcınızın hata ayıklayıcısını kontrol edin. –

@DavidNguyen Özür dilerim.Yanlış başına hata yok.Istenmeyen bir çıktı alıyorum. her ne olursa olsun. ”Soruyu aynı şeyi içerecek şekilde düzenledim. – user3650571

Açtığınız bir } kapanıyor.

 1000:{ 
      items:5 
     } 
     })); 
    }); 
    </script>

Ya function({...}); Umarım yardımcı olur ekleyin: Buna

 1000:{ 
      items:5 
     } 
     } 
     })); 
    }); 
    </script>

: Bu değiştirmeyi deneyin!

kaynak

2016-03-31 19:26:11

Carousel çalışmıyor

cevap

İlgili konular