Image Slider

Among the many cool Fortuna features there’s the Image Slider element that is fully responsive and draggable. It has plenty of customization options still it is very easy to manage. You can set the navigation style, transition type and speed, autoheight toggle, custom/lightbox links to the items, hover effect etc. Check out some of the most useful element options below as well as a few examples.

[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”]Animation/Transition Type[/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 Style (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”]Navigation Arrow size (2 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”]Autoplay toggle, interval[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Animation 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 items 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”]Autoheight 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”]Custom/Lightbox Image Links[/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 effect 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”]Alt/Title attributes toggle[/boc_list_item]
[boc_spacing height=”40px”][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_multidotted” margin_top=”0px” margin_bottom=”20px”]Image Slider Examples[/boc_heading]
[boc_img_slider animation=”Fade” navigation=”Both” autoplay=”” autoplay_interval=”6000″ speed=”500″ loop=”” auto_height=”” img_link=”none” target=”_self” show_hover_overlay=”” show_img_title=”” show_img_alt=”” image_ids=”21724,21723,21752″ big_arrows=”yes”]
[boc_img_slider animation=”Slide” navigation=”Arrows” autoplay=”yes” autoplay_interval=”4000″ speed=”750″ loop=”” auto_height=”yes” img_link=”lightbox” target=”_self” show_hover_overlay=”yes” show_img_title=”” show_img_alt=”” image_ids=”21195,20927,21194,21193,20924″ big_arrows=”yes”]
[boc_spacing height=”40px”][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_multidotted” margin_top=”0px” margin_bottom=”20px”]Image Slider Examples[/boc_heading]
[boc_img_slider animation=”Slide” navigation=”Dots” autoplay=”yes” autoplay_interval=”4000″ speed=”500″ loop=”” auto_height=”” img_link=”lightbox” target=”_self” show_hover_overlay=”” show_img_title=”” show_img_alt=”” image_ids=”21374,21485,21371″]
[boc_img_slider animation=”Fade” navigation=”Both” autoplay=”yes” autoplay_interval=”4000″ speed=”750″ loop=”yes” auto_height=”” img_link=”none” target=”_self” show_hover_overlay=”” show_img_title=”” show_img_alt=”” image_ids=”21723,21724,21752″ big_arrows=””]
[boc_img_slider animation=”Slide” navigation=”Arrows” autoplay=”yes” autoplay_interval=”6000″ speed=”1000″ loop=”yes” auto_height=”” img_link=”none” target=”_self” show_hover_overlay=”” show_img_title=”yes” show_img_alt=”yes” image_ids=”22148,22134,22133″]
[boc_spacing height=”20px”]