owlcarousel2's Introduction

Owl Carousel

2.0.0-beta.1.8

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

###New features

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

###To do

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'

Recommend Projects