{"id":1702,"date":"2013-05-28T11:12:56","date_gmt":"2013-05-28T11:12:56","guid":{"rendered":"http:\/\/3clicks.bringthepixel.com\/?page_id=1702"},"modified":"2013-05-28T11:12:56","modified_gmt":"2013-05-28T11:12:56","slug":"carousel","status":"publish","type":"page","link":"https:\/\/blanchon.co.il\/en\/shortcodes\/media\/carousel\/","title":{"rendered":"Carousel Shortcodes"},"content":{"rendered":"<h2>Slide Images<\/h2>\n<div id=\"g1-html-rotator-counter-1\" class=\"g1-html-rotator \" data-g1-rotate-items=\"1\" data-g1-timeout=\"3000\"><div class=\"g1-carousel-content\"><ul class=\"g1-carousel-items\">\n<li id=\"g1-carousel-item-counter-1\" class=\"g1-carousel-item \">\n<p><img src=\"\/wp-content\/uploads\/2013\/04\/viewport_slide_3_v01-636x212.jpg\" alt=\"Slide #1\" \/><\/p>\n<\/li>\n<li id=\"g1-carousel-item-counter-2\" class=\"g1-carousel-item \">\n<p><img src=\"\/wp-content\/uploads\/2013\/04\/viewport_slide_3_v01-636x212.jpg\" alt=\"Slide #2\" \/><\/p>\n<\/li>\n<li id=\"g1-carousel-item-counter-3\" class=\"g1-carousel-item \">\n<p><img src=\"\/wp-content\/uploads\/2013\/04\/viewport_slide_1_v01-636x212.jpg\" alt=\"Slide #3\" \/><\/p>\n<\/li>\n<\/ul><\/div><div class=\"g1-toolbar\"><ol class=\"g1-nav-coin\"><\/ol><div class=\"g1-nav-direction\"><div class=\"g1-nav-direction__prev\"><\/div><div class=\"g1-nav-direction__next\"><\/div><\/div><\/div><\/div>\n<div id=\"g1-toggle-counter-1\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n<p>[carousel coin_nav=&quot;standard&quot; direction_nav=&quot;standard&quot; progress_bar=&quot;standard&quot;]<\/p>\n<p>[carousel_item]<\/p>\n<p>&lt;img src=&quot;\/wp-content\/uploads\/2013\/04\/viewport_slide_3_v01-636x212.jpg&quot; alt=&quot;Slide #1&quot; \/&gt;<\/p>\n<p>[\/carousel_item]<\/p>\n<p>[carousel_item]<\/p>\n<p>&lt;img src=&quot;\/wp-content\/uploads\/2013\/04\/viewport_slide_3_v01-636x212.jpg&quot; alt=&quot;Slide #2&quot; \/&gt;<\/p>\n<p>[\/carousel_item]<\/p>\n<p>[carousel_item]<\/p>\n<p>&lt;img src=&quot;\/wp-content\/uploads\/2013\/04\/viewport_slide_1_v01-636x212.jpg&quot; alt=&quot;Slide #3&quot; \/&gt;<\/p>\n<p>[\/carousel_item]<\/p>\n<p>[\/carousel]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-1\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<h2>Slide Any Content<\/h2>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-third g1-valign-top\">\n<p>The carousel can be used as a part of any columns layout. It will properly adjust to the surrounding content.<\/p>\n<\/li><!-- -->\n<li class=\"g1-column g1-two-third g1-valign-top\">\n<div id=\"g1-html-rotator-counter-2\" class=\"g1-html-rotator \" data-g1-rotate-items=\"1\" data-g1-timeout=\"3000\"><div class=\"g1-carousel-content\"><ul class=\"g1-carousel-items\">\n<li id=\"g1-carousel-item-counter-4\" class=\"g1-carousel-item \">\n<div id=\"fluid-wrapper-counter-1\" class=\"g1-fluid-wrapper \" style=\"width:636px;\"><div style=\"padding-bottom:33.333333333333%;\"><iframe loading=\"lazy\" width=\"377\" height=\"212\" src=\"http:\/\/www.youtube.com\/embed\/YE7VzlLtp-4?feature=oembed&amp;wmode=transparent&amp;autohide=1&amp;autoplay=0&amp;disablekb=0&amp;fs=1&amp;loop=0&amp;enablejsapi=1&amp;rel=0&amp;controls=2&amp;showinfo=0&amp;wmode=transparent&amp;autohide=2&amp;autoplay=0&amp;disablekb=0&amp;fs=1&amp;loop=0&amp;enablejsapi=1&amp;rel=0&amp;controls=2&amp;showinfo=1\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<\/li>\n<li id=\"g1-carousel-item-counter-5\" class=\"g1-carousel-item \">\n<p><img src=\"\/wp-content\/uploads\/2013\/04\/viewport_slide_4_v01-636x212.jpg\" alt=\"Slide #2\" \/><\/p>\n<\/li>\n<li id=\"g1-carousel-item-counter-6\" class=\"g1-carousel-item \">\n<div style=\"width: 626px; height: 212px;\">\n<h3>Sample Text Slide<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n<\/p><\/div>\n<\/li>\n<\/ul><\/div><div class=\"g1-toolbar\"><ol class=\"g1-nav-coin\"><\/ol><\/div><\/div>\n<\/li><!-- --><\/ul>\n<div id=\"g1-toggle-counter-2\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n<p>[carousel coin_nav=&quot;none&quot; direction_nav=&quot;standard&quot; progress_bar=&quot;none&quot;]<\/p>\n<p>[carousel_item]<\/p>\n<p>[fluid_wrapper width=&quot;636&quot; height=&quot;212&quot;]&lt;iframe loading=&quot;lazy&quot; width=&quot;377&quot; height=&quot;212&quot; src=&quot;http:\/\/www.youtube.com\/embed\/YE7VzlLtp-4?feature=oembed&amp;amp;wmode=transparent&amp;amp;autohide=1&amp;amp;autoplay=0&amp;amp;disablekb=0&amp;amp;fs=1&amp;amp;loop=0&amp;amp;enablejsapi=1&amp;amp;rel=0&amp;amp;controls=2&amp;amp;showinfo=0&amp;amp;wmode=transparent&amp;amp;autohide=2&amp;amp;autoplay=0&amp;amp;disablekb=0&amp;amp;fs=1&amp;amp;loop=0&amp;amp;enablejsapi=1&amp;amp;rel=0&amp;amp;controls=2&amp;amp;showinfo=1&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;\/iframe&gt;[\/fluid_wrapper]<\/p>\n<p>[\/carousel_item]<\/p>\n<p>[carousel_item]<\/p>\n<p>&lt;img src=&quot;\/wp-content\/uploads\/2013\/04\/viewport_slide_4_v01-636x212.jpg&quot; alt=&quot;Slide #2&quot; \/&gt;<\/p>\n<p>[\/carousel_item]<\/p>\n<p>[carousel_item]<\/p>\n&lt;div style=&quot;width: 626px; height: 212px;&quot;&gt;\n&lt;h3&gt;Sample Text Slide&lt;\/h3&gt;\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n<\/p>&lt;\/div&gt;\n<p>[\/carousel_item]<\/p>\n<p>[\/carousel]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-2\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<h2>Customize Your Carousel<\/h2>\n\n<ul id=\"g1-list-1\" class=\"g1-list--icon g1-list--none \">\n<li><i class=\"fa fa-hand-o-right g1-list__icon\"><\/i>Show\/Hide Coin Navigation<\/li>\n<li><i class=\"fa fa-hand-o-right g1-list__icon\"><\/i>Show\/Hide Direction Navigation (Next\/Prev)<\/li>\n<li><i class=\"fa fa-hand-o-right g1-list__icon\"><\/i>Show\/Hide Progress Bar<\/li>\n<\/ul>\n\n<div id=\"g1-divider-3\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<p><span><i id=\"icon-1\" class=\"g1-icon g1-icon--solid g1-icon--medium g1-icon--circle  fa fa-lightbulb-o\"><\/i><\/span><\/p>\n<h2>&#091;carousel&#093; Shortcode documentation<\/h2>\n<div class=\"g1-sc-doc\"><ul class=\"g1-sc-doc__attributes\"><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">id<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The id attribute specifies an id for an HTML element.<br \/>It must be unique within the HTML document.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">class<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The class attribute specifies a class name for an HTML element.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">coin_nav<\/div><div class=\"g1-description\"><div class=\"g1-hint\">Enable Coin Navigation<\/div><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>none<\/span> - hide<\/li><li><span>standard<\/span> - show<\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">direction_nav<\/div><div class=\"g1-description\"><div class=\"g1-hint\">Enable Next\/Prev Navigation<\/div><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>none<\/span> - hide<\/li><li><span>standard<\/span> - show<\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">autoplay<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>standard<\/span> - yes<\/li><li><span>none<\/span> - no<\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">timeout<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The time carousel will pause between transitions (in miliseconds).<\/div><\/div><\/li><\/ul><\/div>\n<div id=\"g1-divider-4\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<p><span><i id=\"icon-2\" class=\"g1-icon g1-icon--solid g1-icon--medium g1-icon--circle  fa fa-lightbulb-o\"><\/i><\/span><\/p>\n<h2>&#091;carousel_item&#093; Shortcode documentation<\/h2>\n<div class=\"g1-sc-doc\"><ul class=\"g1-sc-doc__attributes\"><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">id<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The id attribute specifies an id for an HTML element.<br \/>It must be unique within the HTML document.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">class<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The class attribute specifies a class name for an HTML element.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Slide Images Slide Any Content Customize Your Carousel &#091;carousel&#093; Shortcode documentation &#091;carousel_item&#093; Shortcode documentation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":205,"menu_order":210,"comment_status":"closed","ping_status":"closed","template":"g1_template_page_nav_right.php","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/1702"}],"collection":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":0,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/1702\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/205"}],"wp:attachment":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/media?parent=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}