Home Slideshow

Fit any screen size

Responsive design to provide the best experience possible in terms of navigability, readability and overall user experience on desktop, tablet and mobile devices.
[slideshow name="Home" /]

Slideshow with purple sphere-shaped pagination buttons

2

Use Shortcodes

[slideshow 
    name="Slideshow 2"
    width="340"
    height="220"
    pagination_type="sphere"
    pagination_skin="purple"
/]

Slideshow with right aligned, numbered pagination

1
2
3
[slideshow 
    name="Slideshow 1"
    pagination_align="right"
    pagination_type="numbers"
    pagination_skin="sandy_brown"
/]

Slideshow with rectangular pagination buttons and growing transition animation

[slideshow 
    name="Slideshow 1"
    pagination_type="rect"
    pagination_button_width="20"
    pagination_button_height="6"
    animation_type="grow_ttb"
/]

Slideshow with layers

Simple text layer

Layer in slide 1

[layer
    start="opacity:0, left:20"
    on="opacity:0.8, left:60"
    class="grey_opac" 
    style="top:60px"
]
    Simple text layer
[/layer]

Layer in slide 2

[layer
    starteasing="bounce-xl" startduration="1200"
    start="opacity:0, left:20"
    on="opacity:0.6, left:60"
    class="grey_opac" 
    style="top:100px;background:red;"
]
    Bouncing layer
[/layer]