| Current File : //home/tradevaly/www/public/assets/frontend/OwlCarousel/docs_src/data/options.json |
[
{
"name": "items",
"type": "Number",
"Default": "3",
"desc": "The number of items you want to see on the screen."
},
{
"name": "margin",
"type": "Number",
"Default": "0",
"desc": "margin-right(px) on item."
},
{
"name": "loop",
"type": "Boolean",
"Default": "false",
"desc": "Infinity loop. Duplicate last and first items to get loop illusion."
},
{
"name": "center",
"type": "Boolean",
"Default": "false",
"desc": "Center item. Works well with even an odd number of items."
},
{
"name": "mouseDrag",
"type": "Boolean",
"Default": "true",
"desc": "Mouse drag enabled."
},
{
"name": "touchDrag",
"type": "Boolean",
"Default": "true",
"desc": "Touch drag enabled."
},
{
"name": "pullDrag",
"type": "Boolean",
"Default": "true",
"desc": "Stage pull to edge."
},
{
"name": "freeDrag",
"type": "Boolean",
"Default": "false",
"desc": "Item pull to edge."
},
{
"name": "stagePadding",
"type": "Number",
"Default": "0",
"desc": "Padding left and right on stage (can see neighbours)."
},
{
"name": "merge",
"type": "Boolean",
"Default": "false",
"desc": "Merge items. Looking for data-merge='{number}' inside item.."
},
{
"name": "mergeFit",
"type": "Boolean",
"Default": "true",
"desc": "Fit merged items if screen is smaller than items value."
},
{
"name": "autoWidth",
"type": "Boolean",
"Default": "false",
"desc": "Set non grid content. Try using width style on divs."
},
{
"name": "startPosition",
"type": "Number/String",
"Default": "0",
"desc": "Start position or URL Hash string like '#id'."
},
{
"name": "URLhashListener",
"type": "Boolean",
"Default": "false",
"desc": "Listen to url hash changes. data-hash on items is required."
},
{
"name": "nav",
"type": "Boolean",
"Default": "false",
"desc": "Show next/prev buttons."
},
{
"name": "rewind",
"type": "Boolean",
"Default": "true",
"desc": "Go backwards when the boundary has reached."
},
{
"name": "navText",
"type": "Array",
"Default": "['next','prev']",
"desc": "HTML allowed."
},
{
"name": "navElement",
"type": "String",
"Default": "div",
"desc": "DOM element type for a single directional navigation link."
},
{
"name": "slideBy",
"type": "Number/String",
"Default": "1",
"desc": "Navigation slide by x. 'page' string can be set to slide by page."
},
{
"name": "slideTransition",
"type": "String",
"Default": "",
"desc": "You can define the transition for the stage you want to use eg. linear."
},
{
"name": "dots",
"type": "Boolean",
"Default": "true",
"desc": "Show dots navigation."
},
{
"name": "dotsEach",
"type": "Number/Boolean",
"Default": "false",
"desc": "Show dots each x item."
},
{
"name": "dotsData",
"type": "Boolean",
"Default": "false",
"desc": "Used by data-dot content."
},
{
"name": "lazyLoad",
"type": "Boolean",
"Default": "false",
"desc": "Lazy load images. data-src and data-src-retina for highres. Also load images into background inline style if element is not <img>"
},
{
"name": "lazyLoadEager",
"type": "Number",
"Default": "0",
"desc": "Eagerly pre-loads images to the right (and left when loop is enabled) based on how many items you want to preload."
},
{
"name": "autoplay",
"type": "Boolean",
"Default": "false",
"desc": "Autoplay."
},
{
"name": "autoplayTimeout",
"type": "Number",
"Default": "5000",
"desc": "Autoplay interval timeout."
},
{
"name": "autoplayHoverPause",
"type": "Boolean",
"Default": "false",
"desc": "Pause on mouse hover."
},
{
"name": "smartSpeed",
"type": "Number",
"Default": "250",
"desc": "Speed Calculate. More info to come.."
},
{
"name": "fluidSpeed",
"type": "Boolean",
"Default": "Number",
"desc": "Speed Calculate. More info to come.."
},
{
"name": "autoplaySpeed",
"type": "Number/Boolean",
"Default": "false",
"desc": "autoplay speed."
},
{
"name": "navSpeed",
"type": "Number/Boolean",
"Default": "false",
"desc": "Navigation speed."
},
{
"name": "dotsSpeed",
"type": "Boolean",
"Default": "Number/Boolean",
"desc": "Pagination speed."
},
{
"name": "dragEndSpeed",
"type": "Number/Boolean",
"Default": "false",
"desc": "Drag end speed."
},
{
"name": "callbacks",
"type": "Boolean",
"Default": "true",
"desc": "Enable callback events."
},
{
"name": "responsive",
"type": "Object",
"Default": "empty object",
"desc": "Object containing responsive options. Can be set to false to remove responsive capabilities."
},
{
"name": "responsiveRefreshRate",
"type": "Number",
"Default": "200",
"desc": "Responsive refresh rate."
},
{
"name": "responsiveBaseElement",
"type": "DOM element",
"Default": "window",
"desc": "Set on any DOM element. If you care about non responsive browser (like ie8) then use it on main wrapper. This will prevent from crazy resizing."
},
{
"name": "video",
"type": "Boolean",
"Default": "false",
"desc": "Enable fetching YouTube/Vimeo/Vzaar videos."
},
{
"name": "videoHeight",
"type": "Number/Boolean",
"Default": "false",
"desc": "Set height for videos."
},
{
"name": "videoWidth",
"type": "Number/Boolean",
"Default": "false",
"desc": "Set width for videos."
},
{
"name": "animateOut",
"type": "String/Boolean",
"Default": "false",
"desc": "Class for CSS3 animation out."
},
{
"name": "animateIn",
"type": "String/Boolean",
"Default": "false",
"desc": "Class for CSS3 animation in."
},
{
"name": "fallbackEasing",
"type": "String",
"Default": "swing",
"desc": "Easing for CSS2 $.animate."
},
{
"name": "info",
"type": "Function",
"Default": "false",
"desc": "Callback to retrieve basic information (current item/pages/widths). Info function second parameter is Owl DOM object reference."
},
{
"name": "nestedItemSelector",
"type": "String/Class",
"Default": "false",
"desc": "Use it if owl items are deep nested inside some generated content. E.g 'youritem'. Dont use dot before class name."
},
{
"name": "itemElement",
"type": "String",
"Default": "div",
"desc": "DOM element type for owl-item."
},
{
"name": "stageElement",
"type": "String",
"Default": "div",
"desc": "DOM element type for owl-stage."
},
{
"name": "navContainer",
"type": "String/Class/ID/Boolean",
"Default": "false",
"desc": "Set your own container for nav."
},
{
"name": "dotsContainer",
"type": "String/Class/ID/Boolean",
"Default": "false",
"desc": "Set your own container for nav."
},
{
"name": "checkVisible",
"type": "Boolean",
"Default": "true",
"desc": "If you know the carousel will always be visible you can set `checkVisibility` to `false` to prevent the expensive browser layout forced reflow the $element.is(':visible') does."
}
]