The Carousel Slider

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.

carousel slider with slideshow images opening in lightbox

The Carousel Slider

Parameters

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

Shortcode Option Panel

Carousel Slider Shortcode Options Panel
Carousel Slider Shortcode Options Panel

Get the 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]

Get the code

[carousel width="150" height="100" source="{b}" nav="true" title="Carousel Images from Blog"]

Get the code

[carousel width="185" height="150" source="{p}" nav="true" title="Carousel Portfolio with 3 Columns"] [/carousel]

Get the code

[carousel width="150" height="100" source="{p}" nav="true" title="Carousel Portfolio with 4 Columns"] [/carousel]