Image Slider

[vc_row][vc_column width=”1/1″][vc_column_text]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.[/vc_column_text][boc_spacing height=”20px”][vc_row_inner][vc_column_inner width=”1/2″][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][/vc_column_inner][vc_column_inner width=”1/2″][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][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][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][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][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”][/vc_column][vc_column width=”1/2″][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”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][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][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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″][/vc_column][vc_column width=”1/3″][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=””][/vc_column][vc_column width=”1/3″][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″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”20px”][/vc_column][/vc_row]

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Please reload

Please Wait