[box type="custom-boxed-item" align="center" text_align="textcenter"]
[fancy_header tag="h4" size="medium" text_align="textcenter" bold="1"]What's this?[/fancy_header]
Dynamically rotate through any content, not just images. It's a mini slide show that can be added anywhere. Check out the examples below.
[icon icon="fa-arrow-down" font_size="15" boxed="1" description="See examples below" position="center" margin_top="20px" margin_bottom="-40px" link="#content" class="infinite wobble"]
[/box]
[section_break type="blank" margin_bottom="30" /]
[tabs layout="vertical" convert="cvt-phone-ldsp"]
[tab title="Cycle any content"]
[fancy_header bold="1" type="style1" margin_bottom="40"]Cycle any content[/fancy_header]
[cycle]
[cycle_slide]
[row padding="0" gaps="1"]
[col width="60"]
Cycle any content Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
[button size="med" icon="fa-mail-reply-all"]Button[/button]
[/col]
[col width="40"][image src="2014/06/3740308199_0341325acb_o.jpg" width="400" frame="style1"][/col]
[/row]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
Cycle any content Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
[/box]
[/cycle_slide]
[cycle_slide]
[image src="2014/06/3740308199_0341325acb_o.jpg" width="1920" frame="style1"]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Controls align"]
[fancy_header bold="1" type="style1" margin_bottom="40"]Right[/fancy_header]
[cycle]
[cycle_slide]
[box type="basic-light"]
[b]Controls on the right (1)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
[b]Controls on the right (2)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="60" margin_bottom="40"]Left[/fancy_header]
[cycle controls_pos="ctrls-left"]
[cycle_slide]
[box type="basic-light"]
[b]Controls on the left (1)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
[b]Controls on the left (2)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle controls_pos="ctrls-left"]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="60" margin_bottom="40"]Center[/fancy_header]
[cycle controls_pos="ctrls-center"]
[cycle_slide]
[box type="basic-light"]
[b]Controls in the center (1)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
[b]Controls in the center (2)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle controls_pos="ctrls-center"]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Animations"]
[fancy_header bold="1" type="style1" margin_bottom="40"]Animations[/fancy_header]
[cycle animate_in="bounceInLeft" animate_out="bounceOutRight"]
[cycle_slide]
[box type="basic-light"]
[b]Default animation (1)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
[b]Default animation (2)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="60" margin_bottom="40"]fadeIn / fadeOut[/fancy_header]
[cycle animate_in="fadeIn" animate_out="fadeOut"]
[cycle_slide]
[box type="basic-light"]
[b]fadeIn / fadeOut animation (1)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
[b]fadeIn / fadeOut animation (2)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle animate_in="fadeIn" animate_out="fadeOut"]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="60" margin_bottom="40"]Custom animation[/fancy_header]
[cycle animate_in="bounceInDown" animate_out="fadeOutUp"]
[cycle_slide]
[box type="basic-light"]
[b]Custom animation (1)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[cycle_slide]
[box type="basic-light"]
[b]Custom animation (2)[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/box]
[/cycle_slide]
[/cycle]
[section_break type="blank" margin_top="0" margin_bottom="8"]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[cycle animate_in="bounceInDown" animate_out="fadeOutUp"]
[cycle_slide] ... [/cycle_slide]
[/cycle]
[/accordion_toggle]
[/accordion]
[/tab]
[/tabs]
