Baykuş-atlıkarınca: Her bir slaytta sadece bir görüntü gösteriliyor

Question

Bugün, owl-carousel'u keşfettim ve çalışmayı denedim.

Ben dinozorların görüntüleri arasında dolaşan bir atlıkarınca yapmaya çalışıyorum. Sorun, aynı slaytta 4 dinozorun ortaya çıkmasıdır (kemanın yarısı büyüklüğündeki pencerede 2). Slayt başına sadece 1 tane istedim.

Ben keman

http://jsfiddle.net/8bJUc/318/

JavaScript

<script> 
    $(document).ready(function(){ 
     $("#dino-example").owlCarousel({ 
      items: 5 
     }); 
    }); 
</script> 

HTML

<div id="dino-example" class="dino-carousel"> 
    <div class="item"> 
    <img src="http://johntomsett.files.wordpress.com/2014/03/14525_1_v12_tp.jpg" alt="dinosaur1"></img> 
    </div> 
    <div class="item"> 
    <img src="http://images.clipartpanda.com/t-rex-dinosaur-clip-art-T-Rex-Dinosaur_1.png" alt="dinosaur2"></img> 
    </div> 
    <div class="item"> 
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQbuwkU3kDpr4rByYQ3ydbTPv6zP1L0yhrKB00fa5YhkY0i9WKFWA" alt="dinosaur3"></img> 
    </div> 
    <div class="item"> 
    <img src="http://content.animalnewyork.com/wp-content/uploads/new-dinosaur-nasutoceratops.jpg" alt="dinosaur4"></img> 
    </div> 
</div> 

CSS

img { 
    height: 300px; 
    width: 300px; 
} 

sahip

items'u 1 olarak değiştirmeyi denedim, ancak bunu da çözmedim.

Bunu nasıl çözeceğini bilen var mı?

Yardım memnuniyetle karşılanır.

Answer 1

singleItem mülkiyet

$(document).ready(function() { 
     $("#dino-example").owlCarousel({ 
      items: 5, 
      singleItem: true 
     }); 
    }); 

Answer 2

atlıkarınca "slayt" yapmak için doğru olması gerekir:

$(document).ready(function() { 
    $("#dino-example").owlCarousel({ 
    singleItem: true, 
    autoPlay: 3000 
    }); 
});