The Best Carousel Out There for Developers

This is one of the best carousel for developers because of its flexibility. Start using Owl Carousel in your projects.

Tweet
Share
Share
Pin

I have always had problems finding a nice carousel. Do not get me wrong there is alot of carousels out there, but i always run into the problem with responsive websites. Some carousels are just not flexible, but Owl Carousel is one of the best carousels. I use this for almost every project i encounter. 

How to Use

HTML

<div id="owl-demo">
          
  <div class="item"><img src="assets/owl1.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl2.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl3.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl4.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl5.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl6.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl7.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl8.jpg" alt="Owl Image"></div>
 
</div>

JAVASCRIPT

$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
 
});

Just make sure you download the libraries on their website: Owl Carousel

How to Use Owl Carousel