Cycle

What’s this?

Dynamically rotate through any content, not just images. It’s a mini slide show that can be added anywhere. Check out the examples below.

Cycle any content

Get code

[cycle]
[cycle_slide] ... [/cycle_slide]
[/cycle]

Right

Get code

[cycle]
[cycle_slide] ... [/cycle_slide]
[/cycle]

Left

Get code

[cycle controls_pos="ctrls-left"]
[cycle_slide] ... [/cycle_slide]
[/cycle]

Center

Get code

[cycle controls_pos="ctrls-center"]
[cycle_slide] ... [/cycle_slide]
[/cycle]

Animations

Get code

[cycle]
[cycle_slide] ... [/cycle_slide]
[/cycle]

fadeIn / fadeOut

Get code

[cycle animate_in="fadeIn" animate_out="fadeOut"]
[cycle_slide] ... [/cycle_slide]
[/cycle]

Custom animation

Get code

[cycle animate_in="bounceInDown" animate_out="fadeOutUp"]
[cycle_slide] ... [/cycle_slide]
[/cycle]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React