Global Settings
minimize
|
width |
Width of the slider (for responsive layout you can use % as well). If you want to create a slider with responsive width which is compared to the width of the browser, don't forget to change forceResponsive to true.
|
height |
Height of the slider
|
forceResponsive |
Change this property to true if you want to force responsive layout. Set the width value in percentage, for example: 90%
Note, that in WordPress plugin you cannot use responsive height, unless you are CSS / HTML expert. To use responsive height, you must add specified height to the main container (where you are including LayerSlider), if you cannot do this, responsive height will not work because of HTML limitations. The forceResponsive property is only for responsive width with constant value of height (which is set in pixels).
|
sliderStyle |
You can add your own style to the LayerSlider container if you want (for exampe margin top / bottom, etc). You can use any CSS properties.
|
autoStart |
If enabled, slideshow will automatically start after loading the page.
|
pauseOnHover |
SlideShow will pause when mouse pointer is over LayerSlider.
|
firstLayer : number (positive integer) |
LayerSlider will begin with this layer.
|
animateFirstLayer |
If enabled, first layer will animate (slide in) instead of fading
|
twoWaySlideshow |
If enabled, slideshow will go backwards if you click the prev button.
|
keybNav |
Keyboard navigation. You can navigate with the left and right arrow keys.
|
touchNav |
Touch-control (on mobile devices).
|
imgPreload |
Image preload. Preloads all images and background-images of the next layer.
|
navPrevNext |
If diabled, Prev and Next buttons will be invisible.
|
navStartStop |
If disabled, Start and Stop buttons will be invisible.
|
navButtons |
If disabled, slide buttons will be invisible.
|
skin : name_of_the_skin |
You can change the skin of the slider. The pre-defined skins are: defaultskin, lightskin, darkskin and if you don't want to show any skin, use: noskin
|
skinsPath : path_of_the_skins_folder/ |
You can change the default path of the skins folder. Note, that you must use the slash at the end of the path.
|
backgroundColor |
Background color of LayerSlider. You can use all CSS methods, like hexa colors, rgb(r,g,b) method, color names, etc. Note, that background sublayers are covering the background.
|
backgroundImage |
Background image of LayerSlider. This will be a fixed background image of LayerSlider by default. Note, that background sublayers are covering the global background image.
|
yourLogo |
This is a fixed layer that will be shown above of LayerSlider container. For example if you want to display your own logo, etc., you can upload an image or choose one from the Media Library.
|
yourLogoStyle |
You can style your logo. You can use any CSS properties, for example you can add left and top properties to place the image inside the LayerSlider container anywhere you want.
|
yourLogoLink |
You can add a link to your logo. Set false is you want to display only an image without a link.
|
yourLogoTarget |
If '_blank', the clicked url will open in a new window.
|
loops |
Number of loops if autoStart set enabled (0 means infinite!)
|
forceLoopNum |
If enabled, the slider will always stop at the given number of loops even if the user restarts the slideshow
|
autoPlayVideos |
If enabled, slider will autoplay youtube / vimeo videos - you can use it with autoPauseSlideshow
|
autoPauseSlideshow |
Auto means, if autoPlayVideos is enabled, slideshow will stop UNTIL the video is playing and after that it continues. Enabled means slideshow will stop and it won't continue after video is played.
|
youtubePreview |
Default thumbnail picture of YouTube videos. Can be maxresdefault.jpg, hqdefault.jpg, mqdefault.jpg or default.jpg. Note, that maxresdefault.jpg is not available to all (not HD) videos.
|
LayerSlider API Callback Events
|
cbInit |
Calling when the LayerSlider loaded.
|
cbStart |
Calling when you click the slideshow start.
|
cbStop |
Calling when click the slideshow stop / pause button.
|
cbPause |
Calling when slideshow pauses (if pauseOnHover is true).
|
cbAnimStart |
Calling when animation starts.
|
cbAnimStop |
Calling when the animation of current layer ends, but the sublayers of this layer still may be animating.
|
cbPrev |
Calling when you click the previous button (or if you use keyboard or touch navigation).
|
cbNext |
Calling when you click the next button (or if you use keyboard or touch navigation).
|