उल्लू-कैरोसेल: प्रति स्लाइड केवल एक छवि प्रदर्शित करना

Question

आज मैंने owl-carousel खोजा और मैं इसे काम करने की कोशिश कर रहा हूं।

मैं एक कैरोसेल बनाने की कोशिश कर रहा हूं जो डायनासोर की छवियों के माध्यम से चक्र चलाता है। समस्या यह है कि 4 डायनासोर एक ही स्लाइड पर दिखाई देते हैं (2 आधा आकार वाली खिड़की में)। मैं प्रति स्लाइड दिखाने के लिए केवल 1 चाहता था।

मैं एक बेला

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

जावास्क्रिप्ट

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

एचटीएमएल

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

सीएसएस

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

है

मैंने items को 1 में बदलने की कोशिश की, लेकिन इससे इसे हल नहीं किया गया।

क्या कोई इसे हल करने के बारे में जानता है?

सहायता की सराहना की जाती है।

Answer 1

singleItem संपत्ति

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

Answer 2

हिंडोला "स्लाइड" बनाने के सच होने की जरूरत है:

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