Global Settingsminimize |
|
| width |
Width of the slider. |
|---|---|
| height |
Height of the slider. |
| 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. |
| 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. |
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). |
| Title | Background | SlideDirection | SlideDelay | DurationIn | DurationOut | EasingIn | EasingOut | DelayIn | DelayOut |
|---|---|---|---|---|---|---|---|---|---|
| Type | HTML | Style | Top | Left | Image | Link | Target | P.Level | SlideDirection | SlideOutDirection | ParallaxIn | ParallaxOut | DurationIn | DurationOut | EasingIn | EasingOut | DelayIn | DelayOut | |||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| remove |