Shortcode - UX Sliders
Shortcode - UX Sliders
UX Sliders are inserted with a Shortcode Generator. Its possible to slide almost
anything by wrapping [ux_slider] [/ux_slider] around the content.
Available parameters:
[ux_slider timer="4500" arrows="false/true" bullets="false/true" auto_slide="false/true" hide_nav="false/true" nav_color="dark/light"][title text="Simple slider with banners"]
[ux_banner] [/ux_banner]
[ux_banner] [/ux_banner]
[ux_banner] [/ux_banner]
[/ux_slider]
[ux_slider]
[ux_banner bg="#333" height="400px" link="" animation="fadeInLeft" text_pos="center" text_color="light" text_width="80%" ]
Banner 1
[/ux_banner][ux_banner bg="#666" height="400px" link="" animation="flipInX" text_pos="center" text_color="light" text_width="80%" ]
Banner 2
[/ux_banner][/ux_slider]
[ux_slider][title text="Slider with no directional navigaition"]
[ux_banner] Banner content [/ux_banner]
[ux_banner] Banner content [/ux_banner]
[/ux_slider]
[ux_slider arrows="false"]
[ux_banner bg="#333" height="400px" link="" animation="fadeInLeft" text_pos="center" text_color="light" text_width="80%" ]
Banner 1
[/ux_banner][ux_banner bg="#666" height="400px" link="" animation="flipInX" text_pos="center" text_color="light" text_width="80%" ]
Banner 2
[/ux_banner][/ux_slider]
[ux_slider arrows="false"][title text="Slider with dark navigation items"]
[ux_banner] Banner content [/ux_banner]
[ux_banner] Banner content [/ux_banner]
[/ux_slider]
[ux_slider nav_color="dark"]
[ux_banner bg="#ccc" height="400px" link="" animation="fadeInLeft" text_pos="center" text_color="light" text_width="80%" ]
Banner 1
[/ux_banner][ux_banner bg="#eee" height="400px" link="" animation="flipInX" text_pos="center" text_color="light" text_width="80%" ]
Banner 2
[/ux_banner][/ux_slider][ux_slider nav_color="dark"]
[ux_banner] Banner content [/ux_banner]
[ux_banner] Banner content [/ux_banner]
[/ux_slider]
