800,000+ WordPress sites are already using MetaSlider!

Properties for MetaSlider Slideshow Libraries

MetaSlider provides four slideshow libraries. Here are available properties for developers to work with these libraries.

FlexSlider properties

Click here for more details on each of these properties.

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” directionNav item
nextText"Next"String Set the text for the “next” directionNav item
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.
rtlfalseBoolean Supports RTL functionality in the slider.
isFirefoxfalseBoolean Test for if Firefox browser is in use.

Nivo Slider properties

EffectsrandomTransition effects to use when sliding images. There are 16 transition effects.
Widthfull-widthThe width of the slider.
Heightfull-widthThe height of the slider.
Show navigationtrueIf “true”, the navigation buttons appear below the slider.
RepeattrueIf ‘true’, the slideshow will repeat.
AnimSpeed500Slide transition speed, in milliseconds.
PauseTime3000How long each slide will show, in milliseconds.
DirectionNavtrueIf ‘true’, the Next and  Prev buttons are shown on hover.
CaptionstrueIf ‘true’, the image captions are shown over the image.
ControlNavThumbsfalseIf ‘true’, the small image thumbnails are shown below.

Coin Slider properties

Click here for more details on the list of properties (scroll down to “List of all options”)

width565The width of the slider panel.
height290The height of the slider panel.
spw7Squares per width.
sph5Squares per height.
delay3000Delay between images, in milliseconds.
sDelay30Delay between squares, in milliseconds.
opacity0.7Opacity of title and navigation
titleSpeed500Speed of title appearance, in milliseconds.
effect“”random, swirl, rain, straight
navigationtrueprev next and buttons
linkstrueShow images as links.
hoverPausetruePause on hover.

Responsive Slides properties

Click here for more details on the properties (scroll down to “Options you can customise”)

autotrueAnimate automatically.
speed500Speed of the transition, in milliseconds.
timeout4000Time between slide transitions, in milliseconds.
pagerfalseShow pager.
navfalseShow navigation.
randomfalseRandomize the order of the slides.
pausefalsePause on hover.
pauseControlstruePause when hovering controls.
prevTextPreviousText for the “previous” button.
nextTextNextText for the “next” button.
maxwidth""Max-width of the slideshow, in pixels.
navContainer""Where controls should be appended to, default is after the ‘ul’.
manualControls""Declare custom pager navigation.
namespacerslidesChange the default namespace used.
beforefunction(){}Function: Before callback.
afterfunction(){}Function: After callback.