2016年8月19日 星期五

FlexSlider Properties

https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

WIP
FlexSlider hosts many features, and there's a chance you'll find yourself needing to read up on a few of them. Below is an overview table of the features available in FlexSlider, followed by detailed information and tips regarding each property.


PropertyDefaultDescription
namespace"flex-"String Prefix string attached to the classes of all elements generated by the plugin.
selector".slides > li"Selector Must match a simple pattern.'{container} > {slide}'.
animation"fade"String Controls the animation type, "fade" or"slide".
easing"swing"String Determines the easing method used in jQuery transitions.
direction"horizontal"String Controls the animation direction,"horizontal" or "vertical"
reversefalseBoolean Reverse the animation direction.
animationLooptrueBoolean Gives the slider a seamless infinite loop.
smoothHeightfalseBoolean Animate the height of the slider smoothly for slides of varying height.
startAt0Number The starting slide for the slider, in array notation.
slideshowtrueBoolean Setup a slideshow for the slider to animate automatically.
slideshowSpeed7000Number Set the speed of the slideshow cycling, in milliseconds
animationSpeed600Number Set the speed of animations, in milliseconds
initDelay0Number Set an initialization delay, in milliseconds
randomizefalseBoolean Randomize slide order, on load
pauseOnActiontrueBoolean Pause the slideshow when interacting with control elements.
pauseOnHoverfalseBoolean Pause the slideshow when hovering over slider, then resume when no longer hovering.
useCSStrueBoolean Slider will use CSS3 transitions, if available
touchtrueBoolean Allow touch swipe navigation of the slider on enabled devices
videofalseBoolean Will prevent use of CSS3 3D Transforms, avoiding graphical glitches
controlNavtrueBoolean Create navigation for paging control of each slide.
customDirectionNav""jQuery Object/Selector Container the custom navigation markup works with.
directionNavtrueBoolean Create previous/next arrow navigation.
prevText"Previous"String Set the text for the "previous" directionNavitem
nextText"Next"String Set the text for the "next" directionNavitem
keyboardtrueBoolean Allow slider navigating via keyboard left/right keys.
multipleKeyboardfalseBoolean Allow keyboard navigation to affect multiple sliders.
mousewheelfalseBoolean (Dependency) Allows slider navigating via mousewheel
pausePlayfalseBoolean Create pause/play element to control slider slideshow.
pauseText"Pause"String Set the text for the "pause" pausePlay item
playText"Play"String Set the text for the "play" pausePlay item
controlsContainer""jQuery Object/Selector Container the navigation elements should be appended to.
manualControls""jQuery Object/Selector Define element to be used in lieu of dynamic controlNav.
sync""Selector Mirror the actions performed on this slider with another slider.
asNavFor""Selector Turn the slider into a thumbnail navigation for another slider.
itemWidth0Number Box-model width of individual carousel items, including horizontal borders and padding.
itemMargin0Number Margin between carousel items.
minItems0Number Minimum number of carousel items that should be visible.
maxItems0Number Maximum number of carousel items that should be visible.
move0Number Number of carousel items that should move on animation.
startemptyFunction Fires when the slider loads the first slide.
beforeemptyFunction Fires asynchronously with each slider animation.
afteremptyFunction Fires after each slider animation completes.
endemptyFunction Fires when the slider reaches the last slide (asynchronous).
addedemptyFunction Fires after a slide is added.
removedemptyFunction Fires after a slide is removed.

沒有留言: