The Carousel Slider

The Carousel Slider

The Carousel slider is a rotating slider that can display images from a slideshow category, or the featured images from a blog or portfolio category.  Images from a slideshow can be set to open in a lighbox.  Post Images when clicked upon will bring the viewer to the single post page.

[divider_advanced color=”rgba(61,77,194,1)” paddingTop=”15″ paddingBottom=”15″ thickness=”4″]

The Carousel in the Feature Header Above

The carousel in the Feature Header area at the top of this page is created by setting the Feature Header Area to the Title & Custom Text Option and then inputting a carousel shortcode into the Feature Header Custom Text Field (Page General Options Metabox/Feature Header Settings Tab).

[divider_padding]
[carousel width=”200″ height=”100″ title=”Logo Carousel without Nav”]
[carousel_image source_type=”attachment_id” source_value=”63″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”62″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”60″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”65″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”61″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”59″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”64″ caption=”this is the caption for this image” link=”#”]
[carousel_image source_type=”attachment_id” source_value=”134″ caption=”this is the caption for this image” link=”#”]
[/carousel]
[divider_padding]

[divider_top]

[carousel width=”150″ height=”100″ source=”{b:infomation,nature,news,technology,uncategorized}” nav=”true” title=”Carousel Images from Blog”]
[/carousel]

[divider_top]

[divider_top]

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

[divider_top]

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

Leave a Reply