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.
[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

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

  • width(optional)
  • height(optional)
  • title(optional)
  • nav:On,Off
  • autoplay:On,Off
  • circular:On,Off
  • lightbox:On,Off
  • source(optional):Self Gallery,Slideshow Category,Blog Category,Portfolio Category

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

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”4115″ caption=”Carousel Slider Shortcode Options Panel” alt=”Carousel Slider Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” lightbox_fittoview=”false” title=”Carousel Slider Shortcode Options Panel”]
[/tab]
[/tabs]
[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]
[image source_type=”attachment_id” source_value=”3540″ caption=”Carousel in Feature Header Area using Shortcode” alt=”Carousel in Feature Header Area using Shortcode” align=”center” icon=”zoom” width=”550″ autoHeight=”true” quality=”100″ lightbox=”true” lightbox_fittoview=”false” title=”Set the Feature Header to Custom Text and Input a Carouself Shortcode”]
[divider_padding]
[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=”185″ 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]

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.