Layered Slider
The layered slider allows you to put multiple layers in one slide. Most slides will have an image or background colour, with some text or an image that comes in over top.
There are three sections to the slider: Configuration, Slides and Layers.
Configuration
The configuration settings are preloaded with default settings to get you started. The most important setting is probabaly the width and height.
Slide
A slide needs to be created before any 'layers' can be added to it. A slide is just a name to reference to where each layer will be going.
Once a slide has been created and layers have been added to it, you can preview it by clicking the 'preview' link located beside the edit link in the slides section. The preview is there so that you don't have to unadmin each time you would like to view what the slide will look like.
Layers
Before a layer can be created a slide needs to be added. A layer can be an image or text.
In the manage layers section, layers are ordered by slide and then by layer delay. This is so you can quickly see what the order of each entering layer is.
Sample Slide with Layers - Width: 960 Height: 300
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading1
First Text Box
Second Text Box
First Slide
Layer - Background-Image
If you are wanting an image as a static background for the slide, it is recommended to add that first. A static background should have the following settings:
Fixed Position: Checked, Layer Position: 0,0.
Upload Image Width: 960 Height: 300 (Width and height should be the same as your slider width and height)
First Text Box Settings
Text color: #FFFFFF Text Size: 16px Bold: Checked Layer Position: 50,50 Data Delay: 2000 Layer In: Left
Second Text Box Settings
Text Color: #333333 Text Size: 12px Layer Position: 80, 50 Background: #FFFFFF Transparency: 50 Layer Delay: 3000 Layer In: Left
Easing In: Swing
Third Box Settings - Paragraph
Text Color: #FFFFFF Text Size: 12px Layer Position 110, 50 Layer Delay: 5000 Width: 300 Layer In: Left
Fourth Text Box Setting - Url
Text Color: #FFEE00 Text Size: 12px Bold: Checked Underline: Checked Url: www.google.ca Url Target: New Window
Layer Position: 200, 50 Layer Delay: 7000
Fifth Layer Setting - Image
Layer Position: 100, 700 Layer Delay: 9000 Layer In: Fade
Upload Image: Width: 50 Height: 50
Second Slide
Layer - Background-Image
Fixed Position: Checked, Layer Position: 0,0.
Upload Image Width: 960 Height: 300 (Width and height should be the same as your slider width and height)
