Slider Set


The Slider Stack is a stack which either slides images or styled text. The images and text can be dropped inside the Slider Stack, each one of them becomes a slide.
There are currently three different image sliders and one styled text slider. These sliders come with different buttons, it is also possible to replace them with your own.

Because Stacks are being rendered in Edit mode it can be impossible to see the actual slides. The solution can be found in the Page Inspector. Select the Slider Stack and open the Page Inspector > Page tab. Now deselect 'Render HTML in Edit mode'. You should now be able to rearrange the slides and adjust their styling.

For each slider you need to set both a height and a width, this can be done in the Stack Inspector.
The sliders require jQuery. In the Stacks Inspector there is an option to include jQuery. I think all other settings will speak for themselves.

The Image Slider 1 stack has it's buttons on each side of the content, Image Slider 2 on top of the content and with Image Slider 3 the whole left-side of the content is clickable to slide left and the right-side the opposite.

Have a look at the preview to see what's possible using this stack.

Browser compatibility


The Slider Stack Set is compatible with all modern browsers.

Tested browsers:
Firefox
Safari
Chrome
IE7 & 8

Be sure to have only one slider each page to be compatible with IE.