Get the codes[content_slider style="dark" transitionin="bounceInRight" transitionout="bounceOutRight" box_color="#CCCCCC"][content_slide]...[/content_slide][content_slide]...[/content_slide][content_slide]...[/content_slide][/content_slider]
Get the codes[content_slider style="light" transitionin="rotateIn" transitionout="rotateOut" box_color="#000000" box_text_color="#ffffff"][content_slide]...[/content_slide][content_slide]...[/content_slide][content_slide]...[/content_slide][/content_slider]
Get the codes[content_slider transitionin="zoomInDown" transitionout="zoomOutDown" box_color="#CCCCCC" box_text_color="#00000"][content_slide]...[/content_slide][content_slide]...[/content_slide][content_slide]...[/content_slide][/content_slider]
| Shortcode | Attributes | Example code |
|---|---|---|
| Content Slider This widget displays a responsive contents slider |
Style -
style Possible values: Default, Dark, Light, Default value: Default Transition In -
transitionin Possible values: bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, flipInX, flipInY, lightSpeedIn, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rollIn, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, slideInDown, slideInLeft, slideInRight, slideInUp, Default value: fadeIn Transition Out -
transitionout Possible values: bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flipOutX, flipOutY, lightSpeedOut, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollOut, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp, Default value: fadeOut Box color -
box_color Possible values: #RGB and rgba() colors Default value: #f5f5f5 Box text color -
box_text_color Possible values: #RGB and rgba() colors Default value: #000000 Border radius -
radius Possible values: 0 - 20 Default value: 10 Margin -
margin Possible values: 0 - 80 Default value: 10 Padding -
padding Possible values: 0 - 80 Default value: 10 Arrows -
arrows Possible values: yes, no Default value: yes Arrows position -
arrow_position Possible values: Default, Top left, Top right, Bottom left, Bottom right, Default value: Default Pagination -
pagination Possible values: yes, no Default value: no Autoplay -
autoplay Possible values: yes, no Default value: yes Auto Height -
autoheight Possible values: yes, no Default value: no Paused on hover -
hoverpause Possible values: yes, no Default value: yes Lazy load -
lazyload Possible values: yes, no Default value: no Loop -
loop Possible values: yes, no Default value: yes Animation duration -
speed Possible values: 0.1 - 15 Default value: 0.6 Delay -
delay Possible values: 1 - 10 Default value: 4 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: [content_slide] Slide content1 [/content_slide] [content_slide] Slide content2 [/content_slide] [content_slide] Slide content3 [/content_slide] |
[content_slider style="default" transitionin="fadeIn" transitionout="fadeOut" box_color="#f5f5f5" box_text_color="#000000" radius="10" margin="10" padding="10" arrows="yes" arrow_position="arrow-default" pagination="no" autoplay="yes" autoheight="no" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" class="" scroll_reveal=""][content_slide] Slide content1 [/content_slide]
[content_slide] Slide content2 [/content_slide]
[content_slide] Slide content3 [/content_slide][/content_slider]
|