Skip to content

moahmed/OwlCarousel2

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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'

About

jQuery Responsive Carousel.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published