Get the codes[panel_slider][panel_slide image="images/sampledata/cassiopeia/nasa1-400.jpg"]Content of the panel 1[/panel_slide] [panel_slide image="images/sampledata/cassiopeia/nasa2-400.jpg"]Content of the panel 2[/panel_slide] [panel_slide image="images/sampledata/cassiopeia/nasa4-400.jpg"]Content of the panel 3[/panel_slide][/panel_slider]
Get the codes[panel_slider medium="1" large="1" gutter="medium" scroll_reveal="ease-in-out 50px"][panel_slide image="images/headers/blue-flower.jpg" background="#ffffff"]Content of the panel 1[/panel_slide] [panel_slide image="images/headers/maple.jpg" background="#ffffff"]Content of the panel 2[/panel_slide] [panel_slide image="images/headers/raindrops.jpg" background="#ffffff"]Content of the panel 3[/panel_slide][/panel_slider]
| Shortcode | Attributes | Example code |
|---|---|---|
| Panel Slider This widget displays a multiple responsive panel slider |
Layout for smartphone devices -
small Possible values: 1 - 6 Default value: 1 Layout for tablet devices -
medium Possible values: 1 - 6 Default value: 2 Layout for desktop devices -
large Possible values: 1 - 6 Default value: 3 Gutter -
gutter Possible values: Small gutter, Medium gutter, Large gutter, Collapse, Default value: Collapse Autoplay -
autoplay Possible values: yes, no Default value: yes Loop -
loop Possible values: yes, no Default value: yes Navigation -
navigation Possible values: yes, no Default value: yes Pagination -
pagination Possible values: yes, no Default value: no 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: [panel_slide] Slide content1 [/panel_slide] [panel_slide] Slide content2 [/panel_slide] [panel_slide] Slide content3 [/panel_slide] |
[panel_slider small="1" medium="2" large="3" gutter="collapse" autoplay="yes" loop="yes" navigation="yes" pagination="no" class="" scroll_reveal=""][panel_slide] Slide content1 [/panel_slide]
[panel_slide] Slide content2 [/panel_slide]
[panel_slide] Slide content3 [/panel_slide][/panel_slider]
|