febrero 6, 2015

Image Carousels

Fortuna WordPress Theme features a fully customizable Image Carousel Visual Composer Element that you can use to display your visuals in a fancy and user friendly way. Check some of this useful element’s features as well as some examples below.

[boc_spacing height=»20px»][boc_heading html_element=»h4″ alignment=»left» color=»#333333″ subheading=»» margin_top=»0px» margin_bottom=»20px» background=»bgr_diagonal»]Features[/boc_heading][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»]Total 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»]How many Items will 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»]Item Spacing (3 Presets)[/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 Types (Arrows/Dots/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 Positions with different styles(Top/Side)[/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/Animation Speed/Loop Carousel options[/boc_list_item]
[boc_list_item icon_size=»small» has_icon_color=»» icon_color=»#333333″ icon_solid=»» icon=»icon icon-check2″ margin_bottom=»10px»]Set custom Links or Lightbox links for your images[/boc_list_item][boc_list_item icon_size=»small» has_icon_color=»» icon_color=»#333333″ icon_solid=»» icon=»icon icon-check2″ margin_bottom=»10px»]Manage Image Sizes[/boc_list_item][boc_list_item icon_size=»small» has_icon_color=»» icon_color=»#333333″ icon_solid=»» icon=»icon icon-check2″ margin_bottom=»10px»]Hover Effects (4 Presets)[/boc_list_item][boc_list_item icon_size=»small» has_icon_color=»» icon_color=»#333333″ icon_solid=»» icon=»icon icon-check2″ margin_bottom=»10px»]Set Image Alt/Title attributes[/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_spacing height=»40px»]
[boc_img_carousel items_visible=»5″ items_slided=»1″ spacing=»25″ navigation=»Arrows» arrows_position=»side» autoplay=»yes» autoplay_interval=»4000″ speed=»500″ loop=»» img_link=»none» target=»_self» fixed_size=»» show_img_title=»» show_img_alt=»» image_ids=»21643,21644,21645,21646,21647,21648,21649,21650,21651,21652″ img_hover_effect=»2″]
[boc_spacing height=»80px»][boc_heading html_element=»h3″ alignment=»center» color=»#333333″ background=»bgr_multidotted» margin_top=»20px» margin_bottom=»20px» subheading=»»]Client & Partners[/boc_heading][boc_img_carousel items_visible=»5″ items_slided=»1″ navigation=»Both» autoplay=»» autoplay_interval=»6000″ speed=»250″ loop=»» auto_height=»» img_link=»none» target=»_self» show_hover_overlay=»» show_img_title=»yes» show_img_alt=»» image_ids=»21116,21127,21117,21122,21126,21118,21120,21124,21128,21125″ spacing=»50″ fixed_size=»» img_hover_effect=»2″ arrows_position=»top»][boc_spacing height=»80px»]
[boc_heading html_element=»h3″ alignment=»center» color=»#333333″ margin_top=»20px» subheading=»»]Some Cool Images[/boc_heading][boc_divider divider_width=»100px» divider_position=»center» divider_height=»1px» divider_color=»#eeeeee» margin_top=»24px» margin_bottom=»42px» icon_position=»center» icon_color=»#e53788″ icon_bg=»#ffffff» icon_bg_border=»#ffffff» icon_size=»13px» icon_padding=»12px»][boc_img_carousel items_visible=»3″ items_slided=»1″ spacing=»0″ navigation=»Arrows» arrows_position=»top» autoplay=»» autoplay_interval=»6000″ speed=»250″ loop=»» img_link=»lightbox» target=»_self» fixed_size=»yes» img_hover_effect=»2″ show_img_title=»yes» show_img_alt=»» image_ids=»21195,21194,21193,20927,20924,22134″ css_classes=»no_bgr_top_arrows»]
[boc_spacing height=»70px»][boc_heading html_element=»h3″ alignment=»center» color=»#333333″ margin_top=»20px» subheading=»»]Some more Client Logos[/boc_heading][boc_divider divider_width=»200px» divider_position=»center» divider_height=»1px» divider_color=»#eeeeee» margin_top=»24px» margin_bottom=»42px» icon_position=»center» icon_color=»#e53788″ icon_bg=»#ffffff» icon_bg_border=»#ffffff» icon_size=»13px» icon_padding=»12px» icon=»icon icon-heart3″][boc_img_carousel items_visible=»4″ items_slided=»1″ navigation=»Arrows» autoplay=»yes» autoplay_interval=»6000″ speed=»1000″ loop=»yes» auto_height=»» img_link=»lightbox» target=»_self» show_hover_overlay=»» show_img_title=»yes» show_img_alt=»» image_ids=»21117,21127,21116,21122,21126,21118,21120,21124,21128,21125″ spacing=»50″ fixed_size=»» img_hover_effect=»1″ arrows_position=»side»][boc_spacing height=»40px»]
[boc_heading html_element=»h3″ alignment=»center» color=»#333333″ margin_top=»20px» subheading=»»]Some Cool Images[/boc_heading][boc_divider divider_width=»100px» divider_position=»center» divider_height=»1px» divider_color=»#eeeeee» margin_top=»24px» margin_bottom=»42px» icon_position=»center» icon_color=»#e53788″ icon_bg=»#ffffff» icon_bg_border=»#ffffff» icon_size=»13px» icon_padding=»12px»][boc_img_carousel items_visible=»4″ items_slided=»1″ spacing=»0″ navigation=»Arrows» arrows_position=»top» autoplay=»» autoplay_interval=»6000″ speed=»250″ loop=»» img_link=»lightbox» target=»_self» fixed_size=»yes» img_hover_effect=»2″ show_img_title=»yes» show_img_alt=»» image_ids=»21195,21194,21193,20927,20924,22134″ css_classes=»no_bgr_top_arrows»]
[boc_spacing height=»40px»][boc_heading html_element=»h3″ alignment=»center» color=»#bbbbbb» background=»bgr_dotted» margin_top=»20px» subheading=»»]Fortuna Heading Text[/boc_heading][boc_img_carousel items_visible=»5″ items_slided=»1″ navigation=»Both» autoplay=»» autoplay_interval=»6000″ speed=»250″ loop=»» auto_height=»» img_link=»none» target=»_self» show_hover_overlay=»» show_img_title=»yes» show_img_alt=»» image_ids=»21116,21127,21117,21122,21126,21118,21120,21124,21128,21125″ spacing=»50″ fixed_size=»» img_hover_effect=»9″ arrows_position=»top»][boc_spacing height=»60px»]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *