LayerSlider Admin Page

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 : true or false
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 : true or false
If true, slideshow will automatically start after loading the page.
pauseOnHover : true or false
SlideShow will pause when mouse pointer is over LayerSlider.
firstLayer : number (positive integer)
LayerSlider will begin with this layer.
animateFirstLayer : true or false
If true, first layer will animate (slide in) instead of fading
twoWaySlideshow : true or false
If true, slideshow will go backwards if you click the prev button.
keybNav : true or false
Keyboard navigation. You can navigate with the left and right arrow keys.
imgPreload : true or false
Image preload. Preloads all images and background-images of the next layer.
navPrevNext : true or false
If false, Prev and Next buttons will be invisible.
navStartStop : true or false
If false, Start and Stop buttons will be invisible.
navButtons : true or false
If false, 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
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.

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