1, the official website
http://owlcarousel2.github.io/OwlCarousel2/index.html
2, common parameters
parameter name | Parameter Type | Defaults | description |
items | Number | 3 | In the visible screen carousel items |
margin | Number | 0 | margin-right value carousel item in pixels |
loop | Boolean | false | Whether infinite loop, copies the first and last to create the illusion of an infinite loop |
center | Boolean | false | Carousel item centered. You can work well in the odd and even items |
mouseDrag | Boolean | true | Can I use the mouse to drag and drop |
touchDrag | Boolean | true | Can I touch drag |
pullDrag | Boolean | true | Stage pull to edge. |
free presentation | Boolean | false | Item pull to edge |
placement padding | Number | 0 | Padding left and Padding right on the Stage (see adjacent entries) |
merge | Boolean | false | Merge carousel items. Looking for data-merge = '{number}' inside item. |
mergeFit | Boolean | true | If the screen is smaller than the carousel items, the merry-go items fit the screen |
autoWidth | Boolean | false | Setting non-mesh content. Try to use the width style on a div |
startPosition | Number/String | 0 | Start or URL Hash string, such as: '# id' |
URLhashListener | Boolean | false | Monitor changes in the url hash. Attribute must be set on a data-hash entry carousel |
are not | Boolean | false | Display ext / prev buttons |
navRewind | Boolean | true | Jump to a preceding or next |
navText | Array | ['next','prev'] | HTML navigation arrows |
slideBy | Number/String | 1 | Navigation slide by x. 'page' string can be set to slide by page. |
dots | Boolean | true | Dot display navigation buttons |
dotsEach | Number/Boolean | false | Default: false every how many items display a dot navigation buttons |
dotData | Boolean | false | Using the content of the data-dot |
lazyLoad | Boolean | false | Are Lazy Load picture. data-src and data-src-retina high resolution. If the element is not the <img> element is set to the inline background image. |
lazyContent | Boolean | false | lazyContent option is available only in beta there, release has been deleted. |
autoplay | Boolean | false | Carousel whether autoplay |
autoplayTimeout | Number | 5000 | Carousel autoplay interval |
autoplayHoverPause | Boolean | false | Whether to stop play automatically when the mouse rolls over |
smartSpeed | Number | 250 | Computing speed |
fluidSpeed | Boolean | Number | Computing speed |
autoplaySpeed | Number/Boolean | false | The new password is speed automatic play |
navSpeed | Number/Boolean | false | Carousel navigation speed |
dotsSpeed | Boolean | Number/Boolean | Page speed |
carrying speed | Number/Boolean | false | Drag end speed |
callbacks | Boolean | true | Whether to allow a callback function |
responsive | Object | empty object | Contains objects responsive options. Set flase cancel responsive capability. |
responsiveRefreshRate | Number | 200 | Responsive refresh rate |
responsiveBaseElement | DOM element | window | You may be provided on any DOM element. If you do not care support responsive browser (such as IE8), you can use this property in a package container. |
responsiveClass | Boolean | false | Optional auxiliary class. Add owl-reponsive- breakpoint class and to the main element. You can set the style content on a given breakpoint elements. |
video | Boolean | false | Allow add YouTube / Vimeo video. |
videoHeight | Number/Boolean | false | Set the height of the video. |
videoWidth | Number/Boolean | false | Setting the width of the video. |
animateOut | String/Bolean | false | CSS3 animation out. |
animateIn | String/Bolean | false | CSS3 animation in. |
fallbackEasing | String | swing | Easing for CSS2 $.animate. |
info | Function | false | 获取基本信息的回调函数(当前的 item/pages/widths) 。Info函数的第二个参数是Owl DOM元素的对象引用。 |