The Carousel Slider - Security Design
2101
page-template-default,page,page-id-2101,page-child,parent-pageid-149,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-16.7,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

The Carousel Slider

[image source_type=”attachment_id” source_value=”3665″ align=”right” effect=”zoom” size=”small” quality=”100″ lightbox=”true” title=”a title”] Nam rutrum turpis id erat dapibus, porttitor facilisis ligula laoreet. Sed nec eleifend nulla. Vestibulum malesuada vulputate nisi id consectetur? Sed lobortis metus sit amet mi hendrerit, id imperdiet ante aliquet. Phasellus tincidunt risus non est auctor, sit amet consequat magna fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent pretium orci ut dolor mattis, ut molestie tellus adipiscing? Suspendisse potenti. Aenean eu mattis risus. Suspendisse fermentum, lorem sit amet iaculis facilisis, erat odio pretium magna, in sodales risus sem sit amet mi. Fusce malesuada ornare sapien non tempus. Pellentesque posuere laoreet ipsum, id volutpat turpis aliquam nec. Nunc lobortis vel sem ac sollicitudin. Sed at nunc non arcu vehicula interdum et et dolor. Suspendisse porta turpis sit amet consequat vulputate. Cras aliquet, dolor non sagittis hendrerit, justo nulla luctus arcu, non adipiscing libero ante eu velit.

[divider_padding]

carousel slider with slideshow images opening in lightbox

[carousel width=”200″ height=”150″ source=”{s}” title=”images opening in lightbox” nav=”true” lightbox=”true”]
[/carousel]

The Carousel Slider

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

  • width(optional)
  • height(optional)
  • title(optional)
  • nav:true,false
  • autoplay:true,false
  • circular:ture,false
  • source(optional)

[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3246″ caption=”Carousel Slider Shortcode Options Panel” alt=”Carousel Slider Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Carousel Slider Shortcode Options Panel”]
[/tab]
[/tabs]

[divider_top]

[carousel width=”200″ height=”100″ title=”Logo Carousel without Nav”]
[carousel_image source_type=”attachment_id” source_value=”1947″]
[carousel_image source_type=”attachment_id” source_value=”1946″]
[carousel_image source_type=”attachment_id” source_value=”1945″]
[carousel_image source_type=”attachment_id” source_value=”1943″]
[carousel_image source_type=”attachment_id” source_value=”1941″]
[carousel_image source_type=”attachment_id” source_value=”1996″]
[carousel_image source_type=”attachment_id” source_value=”1997″]
[carousel_image source_type=”attachment_id” source_value=”1998″]
[/carousel]
[toggle title=”Get the code”][code]
[carousel width=”200″ height=”100″ title=”Logo Carousel without Nav”]
[carousel_image source_type=”attachment_id” source_value=”1947″]
[carousel_image source_type=”attachment_id” source_value=”1946″]
[carousel_image source_type=”attachment_id” source_value=”1945″]
[carousel_image source_type=”attachment_id” source_value=”1943″]
[carousel_image source_type=”attachment_id” source_value=”1941″]
[carousel_image source_type=”attachment_id” source_value=”1996″]
[carousel_image source_type=”attachment_id” source_value=”1997″]
[carousel_image source_type=”attachment_id” source_value=”1998″]
[/carousel]
[/code][/toggle]
[divider_padding]

[divider_top]

[carousel width=”150″ height=”100″ source=”{b}” nav=”true” title=”Carousel Images from Blog”]
[/carousel]
[toggle title=”Get the code”][code]
[carousel width=”150″ height=”100″ source=”{b}” nav=”true” title=”Carousel Images from Blog”]
[/code][/toggle]
[divider_padding]

[divider_top]

[carousel width=”200″ height=”150″ source=”{p}” nav=”true” title=”Carousel Portfolio with 3 Columns”]
[/carousel]
[toggle title=”Get the code”][code]
[carousel width=”185″ height=”150″ source=”{p}” nav=”true” title=”Carousel Portfolio with 3 Columns”]
[/carousel]
[/code][/toggle]

[divider_padding]

[divider_top]

[carousel width=”150″ height=”100″ source=”{p}” nav=”true” title=”Carousel Portfolio with 4 Columns”]
[/carousel]
[toggle title=”Get the code”][code]
[carousel width=”150″ height=”100″ source=”{p}” nav=”true” title=”Carousel Portfolio with 4 Columns”]
[/carousel]
[/code][/toggle]

[divider_padding]

[divider_top]