jQuery/Zepto Fully responsive, touch friendly carousel.
Please note that this is a beta version only for testing purposes.
####[Demo page] (http://www.owlgraphic.com/owlcarousel2/)
- Brand new code
- Infinity Loop
- Center item
- Handle 1000's items on mobile devices
- Smart Speed
- Stage Padding
- Item Margin
- Ability to make almost all option responsive
- Various Widths
- Callback Events
- YouTube/Vimeo support (fetching thumbnails as well)
- Fixed click delegation issues
- Anchors navigation
- Merged Items
- RTL
- More to come...
- Clean the code
- Require.js support
- Bower Support
- Inprove CSS
- Create new theme
- Video Names
###Options
items: 3,
loop: false,
center: false,
mouseDrag: true,
touchDrag: true,
pullDrag: true,
freeDrag: false,
margin: 0,
stagePadding: 0,
merge: false,
mergeFit: true,
autoWidth: false,
autoHeight: false,
startPosition: 0,
URLhashListener: false,
nav: false,
navRewind: true,
navText: ['prev','next'],
slideBy: 1,
dots: true,
dotsEach: false,
dotData: false,
lazyLoad: false,
lazyContent: false,
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: false,
smartSpeed: 250,
fluidSpeed: false,
autoplaySpeed: false,
navSpeed: false,
dotsSpeed: false,
dragEndSpeed: false,
responsive: {},
responsiveRefreshRate : 200,
responsiveBaseElement: window,
responsiveClass: false,
video: false,
videoHeight: false,
videoWidth: false,
animateOut: false,
animateIn: false,
fallbackEasing: 'swing',
callbacks: false,
info: false,
nestedItemSelector: false,
itemElement: 'div',
stageElement: 'div',
//Classes and Names
themeClass: 'owl-theme',
baseClass: 'owl-carousel',
itemClass: 'owl-item',
centerClass: 'center',
activeClass: 'active',
navContainerClass: 'owl-nav',
navClass: ['owl-prev','owl-next'],
controlsClass: 'owl-controls',
dotClass: 'owl-dot',
dotsClass: 'owl-dots',
autoHeightClass: 'owl-height'