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

Sample Link

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)

Frequently Asked Questions

Site Map | Login | Powered By: Techweavers Inc.