{"id":22648,"date":"2015-05-15T11:01:49","date_gmt":"2015-05-15T11:01:49","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/fortuna_export\/?page_id=22648"},"modified":"2015-05-15T11:01:49","modified_gmt":"2015-05-15T11:01:49","slug":"image-slider","status":"publish","type":"page","link":"https:\/\/i3s.uk.com\/pro\/sideritalia\/image-slider\/","title":{"rendered":"Image Slider"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Among the many cool\u00a0Fortuna features there&#8217;s the Image Slider element that\u00a0is fully responsive and draggable. It has\u00a0plenty of\u00a0customization 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.\u00a0Check out some of the most useful element\u00a0options below as well as a few\u00a0examples.[\/vc_column_text][boc_spacing height=&#8221;20px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Animation\/Transition Type[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Navigation Style\u00a0(Arrows\/Dots\/Both)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Navigation Arrow size (2 Presets)[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Autoplay toggle, interval[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Animation speed[\/boc_list_item][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Loop items toggle[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Autoheight toggle[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Custom\/Lightbox Image Links[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Hover effect toggle[\/boc_list_item][boc_list_item icon_size=&#8221;small&#8221; has_icon_color=&#8221;&#8221; icon_color=&#8221;#333333&#8243; icon_solid=&#8221;&#8221; icon=&#8221;icon icon-check2&#8243; margin_bottom=&#8221;10px&#8221;]Alt\/Title attributes toggle[\/boc_list_item][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;40px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;left&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; background=&#8221;bgr_multidotted&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221;]Image <strong>Slider<\/strong> Examples[\/boc_heading][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][boc_img_slider animation=&#8221;Fade&#8221; navigation=&#8221;Both&#8221; autoplay=&#8221;&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;500&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; img_link=&#8221;none&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21724,21723,21752&#8243; big_arrows=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][boc_img_slider animation=&#8221;Slide&#8221; navigation=&#8221;Arrows&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;4000&#8243; speed=&#8221;750&#8243; loop=&#8221;&#8221; auto_height=&#8221;yes&#8221; img_link=&#8221;lightbox&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;yes&#8221; show_img_title=&#8221;&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21195,20927,21194,21193,20924&#8243; big_arrows=&#8221;yes&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;40px&#8221;][boc_heading html_element=&#8221;h3&#8243; alignment=&#8221;left&#8221; color=&#8221;#333333&#8243; subheading=&#8221;&#8221; background=&#8221;bgr_multidotted&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;20px&#8221;]Image <strong>Slider<\/strong> Examples[\/boc_heading][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][boc_img_slider animation=&#8221;Slide&#8221; navigation=&#8221;Dots&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;4000&#8243; speed=&#8221;500&#8243; loop=&#8221;&#8221; auto_height=&#8221;&#8221; img_link=&#8221;lightbox&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21374,21485,21371&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][boc_img_slider animation=&#8221;Fade&#8221; navigation=&#8221;Both&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;4000&#8243; speed=&#8221;750&#8243; loop=&#8221;yes&#8221; auto_height=&#8221;&#8221; img_link=&#8221;none&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;&#8221; show_img_alt=&#8221;&#8221; image_ids=&#8221;21723,21724,21752&#8243; big_arrows=&#8221;&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][boc_img_slider animation=&#8221;Slide&#8221; navigation=&#8221;Arrows&#8221; autoplay=&#8221;yes&#8221; autoplay_interval=&#8221;6000&#8243; speed=&#8221;1000&#8243; loop=&#8221;yes&#8221; auto_height=&#8221;&#8221; img_link=&#8221;none&#8221; target=&#8221;_self&#8221; show_hover_overlay=&#8221;&#8221; show_img_title=&#8221;yes&#8221; show_img_alt=&#8221;yes&#8221; image_ids=&#8221;22148,22134,22133&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][boc_spacing height=&#8221;20px&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]Among the many cool\u00a0Fortuna features there&#8217;s the Image Slider element that\u00a0is fully responsive and draggable. It has\u00a0plenty of\u00a0customization 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.\u00a0Check out some of the most useful element\u00a0options below [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-22648","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/22648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/comments?post=22648"}],"version-history":[{"count":0,"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/pages\/22648\/revisions"}],"wp:attachment":[{"href":"https:\/\/i3s.uk.com\/pro\/sideritalia\/wp-json\/wp\/v2\/media?parent=22648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}