SlideZ Stack
SlideZ Stack
Stylish SlideShow with Layer options
Stylish SlideShow with Layer options
RapidWeaver Stacks add-on info:
The SlideZ Stack is a pure CSS Slideshow Stack – no scripts, but a lot of options to create sliding images in the background, and an option to turn on 4 layers, that you can position anywhere inside 'the frame'.
Budled with the SlideZ Stack you get the awesome EasyColumns Stack – that works great with the SlideZ Stack.
So what does the SlideZ Stack offer:
Slide and blend up to 10 images. Define the duration between the images, how they blend, how much they expand, skew or rotate.
On top of the 'sliding' images you can layer up to 4 different DropZones (other stacks, images, buttons, text etc.). One of the dropzones is static – the other 3 you can layer within the slideshow (top, bottom, left, right, middle with a % from the edge). In other words – great layout control.
Option to add an overlay color the the SlideZ slideshow – to match your website design (see example below).
You can combine 2 or more slideshows on your page – see the example above.
The SlideX Stack is very easy to maintain. Most of the stuff goes on the the Stacks settings incl. adding images.
Important: If your SlideZ Stack contains buttons, text etc. you must also focus on the responsive BreakPoint Settings – and define a min-height to avoid content getting cropped. It's easy – just define a min-height on mobile devices. It's all in the settings :)
One more thing – if you just need the layers (up to 4) on a single image, that's no problem. Just turn off the sliding settings. See still image example below.
Keywords:
Stack, responsive, image, slideshow, animated gif, banner, header.
The SlideZ Stack is a pure CSS Slideshow Stack – no scripts, but a lot of options to create sliding images in the background, and an option to turn on 4 layers, that you can position anywhere inside 'the frame'.
Budled with the SlideZ Stack you get the awesome EasyColumns Stack – that works great with the SlideZ Stack.
So what does the SlideZ Stack offer:
Slide and blend up to 10 images. Define the duration between the images, how they blend, how much they expand, skew or rotate.
On top of the 'sliding' images you can layer up to 4 different DropZones (other stacks, images, buttons, text etc.). One of the dropzones is static – the other 3 you can layer within the slideshow (top, bottom, left, right, middle with a % from the edge). In other words – great layout control.
Option to add an overlay color the the SlideZ slideshow – to match your website design (see example below).
You can combine 2 or more slideshows on your page – see the example above.
The SlideX Stack is very easy to maintain. Most of the stuff goes on the the Stacks settings incl. adding images.
Important: If your SlideZ Stack contains buttons, text etc. you must also focus on the responsive BreakPoint Settings – and define a min-height to avoid content getting cropped. It's easy – just define a min-height on mobile devices. It's all in the settings :)
One more thing – if you just need the layers (up to 4) on a single image, that's no problem. Just turn off the sliding settings. See still image example below.
Keywords:
Stack, responsive, image, slideshow, animated gif, banner, header.
Stacks settings: