Owl Carousel 2 JQuery Slider

Touch enabled JQuery plugin that lets you create a beautiful responsive carousel slider.

Features

  1. Fully Customisable
  2. Touch and drag support
  3. Fully Responsive
  4. Supports older browsers
  5. Modular structure

Important Links

  1. Download
  2. Github 
  3. Demo
  4. Documentation

Install

CSS

<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
// This file is optional
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">

JS

<script src="jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>

Html

<!-- Set up your HTML -->
<div class="owl-carousel">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>

Call the plugin

$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});

Check in the browser. Demo

License : MIT