Table of Contents
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.
| Property | Default | Description |
|---|---|---|
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" |
reverse | false | Boolean Reverse the animation direction. |
animationLoop | true | Boolean Gives the slider a seamless infinite loop. |
smoothHeight | false | Boolean Animate the height of the slider smoothly for slides of varying height. |
startAt | 0 | Number The starting slide for the slider, in array notation. |
slideshow | true | Boolean Setup a slideshow for the slider to animate automatically. |
slideshowSpeed | 7000 | Number Set the speed of the slideshow cycling, in milliseconds |
animationSpeed | 600 | Number Set the speed of animations, in milliseconds |
initDelay | 0 | Number Set an initialization delay, in milliseconds |
randomize | false | Boolean Randomize slide order, on load |
pauseOnAction | true | Boolean Pause the slideshow when interacting with control elements. |
pauseOnHover | false | Boolean Pause the slideshow when hovering over slider, then resume when no longer hovering. |
useCSS | true | Boolean Slider will use CSS3 transitions, if available |
touch | true | Boolean Allow touch swipe navigation of the slider on enabled devices |
video | false | Boolean Will prevent use of CSS3 3D Transforms, avoiding graphical glitches |
controlNav | true | Boolean Create navigation for paging control of each slide. |
customDirectionNav | "" | jQuery Object/Selector Container the custom navigation markup works with. |
directionNav | true | Boolean 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 |
keyboard | true | Boolean Allow slider navigating via keyboard left/right keys. |
multipleKeyboard | false | Boolean Allow keyboard navigation to affect multiple sliders. |
mousewheel | false | Boolean (Dependency) Allows slider navigating via mousewheel |
pausePlay | false | Boolean 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. |
itemWidth | 0 | Number Box-model width of individual carousel items, including horizontal borders and padding. |
itemMargin | 0 | Number Margin between carousel items. |
minItems | 0 | Number Minimum number of carousel items that should be visible. |
maxItems | 0 | Number Maximum number of carousel items that should be visible. |
move | 0 | Number Number of carousel items that should move on animation. |
start | empty | Function Fires when the slider loads the first slide. |
before | empty | Function Fires asynchronously with each slider animation. |
after | empty | Function Fires after each slider animation completes. |
end | empty | Function Fires when the slider reaches the last slide (asynchronous). |
added | empty | Function Fires after a slide is added. |
removed | empty | Function Fires after a slide is removed. |
rtl | false | Boolean Supports RTL functionality in the slider. |
isFirefox | false | Boolean Test for if Firefox browser is in use. |
Nivo Slider properties
| Property | Default | Description |
|---|---|---|
Effects | random | Transition effects to use when sliding images. There are 16 transition effects. |
Width | full-width | The width of the slider. |
Height | full-width | The height of the slider. |
| Show navigation | true | If “true”, the navigation buttons appear below the slider. |
| Repeat | true | If ‘true’, the slideshow will repeat. |
| AnimSpeed | 500 | Slide transition speed, in milliseconds. |
| PauseTime | 3000 | How long each slide will show, in milliseconds. |
| DirectionNav | true | If ‘true’, the Next and Prev buttons are shown on hover. |
| Captions | true | If ‘true’, the image captions are shown over the image. |
| ControlNavThumbs | false | If ‘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”)
| Property | Default | Description |
|---|---|---|
width | 565 | The width of the slider panel. |
height | 290 | The height of the slider panel. |
| spw | 7 | Squares per width. |
| sph | 5 | Squares per height. |
| delay | 3000 | Delay between images, in milliseconds. |
| sDelay | 30 | Delay between squares, in milliseconds. |
| opacity | 0.7 | Opacity of title and navigation |
| titleSpeed | 500 | Speed of title appearance, in milliseconds. |
| effect | “” | random, swirl, rain, straight |
| navigation | true | prev next and buttons |
| links | true | Show images as links. |
| hoverPause | true | Pause on hover. |
Responsive Slides properties
Click here for more details on the properties (scroll down to “Options you can customise”)
| Property | Default | Description |
|---|---|---|
auto | true | Animate automatically. |
speed | 500 | Speed of the transition, in milliseconds. |
| timeout | 4000 | Time between slide transitions, in milliseconds. |
| pager | false | Show pager. |
| nav | false | Show navigation. |
| random | false | Randomize the order of the slides. |
| pause | false | Pause on hover. |
| pauseControls | true | Pause when hovering controls. |
| prevText | Previous | Text for the “previous” button. |
| nextText | Next | Text 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. |
| namespace | rslides | Change the default namespace used. |
| before | function(){} | Function: Before callback. |
| after | function(){} | Function: After callback. |