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. |