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.
Display style (10 Style Presets availbale)
Image Hover Effect (4 Style Presets available)
Total Items in viewport at once
How many items to slide at once
Navigation options (arrows, dots or both)
Arrow navigation position (side or top)
Autoplay toggle
Autoplay speed
Loop the slider
CSS animation of the items
Category Query Filter
Order and Order By clauses
Limit Total number of items in carousel
Overwrite image size
Portfolio Carousel
[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″]Portfolio Carousel
[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″]Portfolio Carousel
[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″]Portfolio Carousel
[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″]Portfolio Carousel
[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″]
Portfolio Carousel
[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»]
Portfolio Carousel
[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″]
Portfolio Carousel
[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″]
Portfolio Carousel
[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″]
Portfolio Carousel
[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″]
Portfolio Carousel
[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″]
Comments are closed.