##New version 2.0.0-beta now available for testers. Check it
v.1.3.3
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. Visit Owl Carousel landing page
###Features:
- Responsive
- Touch Events
- Mouse Slide Events
- Fully Customizable
- Choose the number of items to be displayed
- Multiple Sliders
- CSS3 3d Transitions
- Custimizable controls
- JSON
- Custom events
- Helpful callbacks
Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrome on Google Nexus.
See what Owl can do:
Using Bower, install with the following command:
bower install owl.carousel1
or for directly adding to the dependencies of your project
bower install owl.carousel1 --save
Load jQuery(1.7+) and include Owl Carousel plugin files
<!-- Basic stylesheet -->
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<!-- Default Theme -->
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<!-- Include js plugin -->
<script src="owl-carousel/owl.carousel.js"></script>
You don't need any special markup. All you need is to wrap your divs inside the container element
<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>
Now call the Owl initializer function and your carousel is ready.
$(".owl-carousel").owlCarousel();
4. For more details visit OwlCarousel landing page
Changelog available here
The MIT License (MIT)