Portfolio Carousel

by webadmin

Among the many carousels Fortuna features there’s the portfolio carousel element that is fully responsive and is draggable. It has plenty of customization options , still it is very easy to manage. You can set the portfolio item style (10 Presets to choose from), the hover image effect (4 Presets to choose from), Arrow navigation position, additional dot navigation management, how many items are in the viewport, scroll speed, custom query for the items etc. Combine the different options and you get a virtually unlimited possible portfolio carousel appearance setups. Check out some of the most useful portfolio carousel options below as well as a few examples further below them.

[boc_spacing height=”20px”]
[boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Display style (10 Style Presets availbale)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Image Hover Effect (4 Style Presets available)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Total Items in viewport at once[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]How many items to slide at once[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Navigation options (arrows, dots or both)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Arrow navigation position (side or top)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Autoplay toggle[/boc_list_item]
[boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Autoplay speed[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Loop the slider[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]CSS animation of the items[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Category Query Filter[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Order and Order By clauses[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Limit Total number of items in carousel[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Overwrite image size[/boc_list_item]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_multidotted” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”1″ limit=”6″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Both” arrows_position=”top” autoplay=”yes” autoplay_interval=”4000″ speed=”1000″ loop=”” order_by=”rand” order=”DESC” display_style=”2″ limit=”6″ css_items_animation=”right-to-left” img_hover_effect=”2″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” background=”bgr_multidotted” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”3″ limit=”6″ css_items_animation=”left-to-right” img_hover_effect=”1″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” background=”bgr_diagonal” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”4″ limit=”6″ css_items_animation=”bottom-to-top” img_hover_effect=”3″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”5″ limit=”6″ css_items_animation=”right-to-left” img_hover_effect=”2″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Both” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”6″ limit=”6″ css_items_animation=”bottom-to-top”]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”7″ limit=”6″ css_items_animation=”bottom-to-top” img_hover_effect=”2″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”8″ limit=”6″ css_items_animation=”bottom-to-top” img_hover_effect=”1″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”9″ limit=”6″ css_items_animation=”left-to-right” img_hover_effect=”4″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”10″ limit=”6″ img_hover_effect=”4″ img_width=”600″ img_height=”500″]
[boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Carousel[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#f3f3f3″ margin_top=”20px” margin_bottom=”40px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_portfolio_carousel items_visible=”4″ items_slided=”1″ navigation=”Arrows” arrows_position=”side” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”10″ limit=”8″ img_hover_effect=”4″ img_width=”600″ img_height=”500″][boc_spacing height=”60px”]

Leave a Comment