Full page slider type

Animation settings

This slider type is similar to simple, but it has some extended feature (and less parameter). This slider is showing as a full page slider, which means that one slide will fill up the site vertically with the size of the client’s screen height. Also it can fill up the space horizontally if the container element is the same size(100%) of the client window’s width, but it can work if it just fill up some place horizontally. we know that this description can’t describe this feature, but check this demo slider and everything will be clear. The slider fills up the entire screen and also adopts to every screen size.

In this slider type, you can’t set the margins in the slider type setting and also you can’t turn off responsive mode.


Background image

This will the the background of the slider. This image isn’t moving when slides are changing. Demo example for fixed background.

Background size

This is a CCS3 property, which can be used to “resize” the background image. For example with responsive mode, you should write here: 100% 100%

You can read more on this property at W3 schools.

Responsive maximum slide width

This value only applies when responsive scale up or down is enabled. This value defines the maximum slide canvas width, so if the screen is bigger and the slider should scale up, the scale will stop after the canvas reaches this width. This demo slider uses this feature with the value 1120px. It means that if you have bigger screen size than 1120px, then you will see the same slide as a user with 1120px screen size, the content doesn’t scale up (the slide background still scales up to fill up the area).

Scale to full

You can enable this feature separate for both dimensions(horizontal and vertical).
If both of them switched off, then it works like other sliders, it will lock the width and height ratio, so it will scale like other responsive sliders.
If horizontal switched on and vertical switched off, then it won’t lock the ratio, so the slide width will fill up the entire width.
If horizontal switched off and vertical switched on, then it won’t lock the ratio, so the slide width will fill up the entire height.
If both switched on, then the slide’s size will adopt to every screen size, the ratio won’t matter. The slide size will be 100% height and 100% width. It could ‘mess up’ the layer positions and sizes.

Animation settings


This defines how the slides are switching from one to another. Fade example, Horizontal example, Vertical example.


These animation properties are applied to the previous animations. Parallax used by horizontal and vertical mode, it defines the pulling distance (100% = 1; 45% = 0.45).
Parallax demo.

Background animation

Cool 2d and 3d animations, which are applies only the background images. Lot of other sliders name this feature as skitter, flex, etc…

Background animation example.