OwlCarousel2 use

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元素的对象引用。

Guess you like

Origin www.cnblogs.com/congfeicong/p/11804271.html