Skip to content

Latest commit

 

History

History
79 lines (63 loc) · 2.43 KB

README.md

File metadata and controls

79 lines (63 loc) · 2.43 KB

##The Famous Owl Carousel with few fixes: the ability to receive input of a JSON object, and 3d transform based on Modernizer

OwlCarousel.ta

v.1.0.0

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. Visit Owl Carousel landing page

###Updates:

  • Json Input - simply use the option jsonPath : jsonSrc, where jsonSrc is the object (instead of a file)
  • If Modernizer is included then support3d will be determined by it (to support all browsers)
  • bower install: use owl.carousel.ta

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

More Demos

See what Owl can do:

1.Getting Started

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>

2.Set up your HTML

You don't need any special markup. All you need is to wrap your divs inside the container element

. Class "owl-carousel" is mandatory to apply proper styles that come from owl.carousel.css file.

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

3.Call the plugin

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

License

The MIT License (MIT)