{"id":323,"date":"2014-05-24T06:36:41","date_gmt":"2014-05-24T11:36:41","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=323"},"modified":"2016-05-29T15:39:56","modified_gmt":"2016-05-29T15:39:56","slug":"responsive-slider","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/renew-1\/shortcodes\/responsive-slider\/","title":{"rendered":"Responsive Slider"},"content":{"rendered":"<h2  class=\"h-custom-headline h5 accent\" ><span>Fade Animation<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-1\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;fade&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:false,&quot;prevNextNav&quot;:true,&quot;slideshow&quot;:false,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"fade\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"false\" control_nav=\"false\" prev_next_nav=\"true\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Slide Animation<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-2\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:false,&quot;prevNextNav&quot;:true,&quot;slideshow&quot;:false,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"slide\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"false\" control_nav=\"false\" prev_next_nav=\"true\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Automatic Slideshow<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-3\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;1500&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:false,&quot;prevNextNav&quot;:false,&quot;slideshow&quot;:true,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"slide\" slide_time=\"1500\" slide_speed=\"600\" slideshow=\"true\" random=\"false\" control_nav=\"false\" prev_next_nav=\"false\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Random Order<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-4\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:false,&quot;prevNextNav&quot;:true,&quot;slideshow&quot;:false,&quot;random&quot;:true,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"slide\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"true\" control_nav=\"false\" prev_next_nav=\"true\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Control Navigation<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-5\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:true,&quot;prevNextNav&quot;:false,&quot;slideshow&quot;:false,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"slide\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"false\" control_nav=\"true\" prev_next_nav=\"false\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Direction Navigation<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-6\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:false,&quot;prevNextNav&quot;:true,&quot;slideshow&quot;:false,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"slide\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"false\" control_nav=\"false\" prev_next_nav=\"true\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Control and Direction Navigation<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container with-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-7\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:true,&quot;prevNextNav&quot;:true,&quot;slideshow&quot;:false,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider animation=\"slide\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"false\" control_nav=\"true\" prev_next_nav=\"true\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Slider With No Container<\/span><\/h2>\n<div class=\"x-flexslider-shortcode-container\"><div  class=\"x-flexslider x-flexslider-shortcode x-flexslider-shortcode-8\" data-x-element=\"slider\" data-x-params=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;reverse&quot;:false,&quot;slideTime&quot;:&quot;5000&quot;,&quot;slideSpeed&quot;:&quot;600&quot;,&quot;controlNav&quot;:false,&quot;prevNextNav&quot;:true,&quot;slideshow&quot;:false,&quot;random&quot;:false,&quot;touch&quot;:true,&quot;pauseOnHover&quot;:false}\"  ><ul class=\"x-slides\">\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-1.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-2.jpg\" alt=\"Example\"><\/li>\n<li  class=\"x-slide\" ><img src=\"\/\/theme.co\/media\/x-slider-example-3.jpg\" alt=\"Example\"><\/li>\n<\/ul><\/div><\/div>\n<pre  class=\"x-code\" ><code>[slider no_container=\"true\" animation=\"slide\" slide_time=\"5000\" slide_speed=\"600\" slideshow=\"false\" random=\"false\" control_nav=\"false\" prev_next_nav=\"false\"] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [slide]&lt;img src=\"https:\/\/yourdomain.com\/image.jpg\" alt=\"Example\"&gt;[\/slide] [\/slider]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Responsive Slider Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>animation<\/strong>: &#8220;fade&#8221; or &#8220;slide.&#8221;<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>slide_time<\/strong>: set the duration for each slide in milliseconds.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>slide_speed<\/strong>: set the duration for each slide transition in milliseconds.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>slideshow<\/strong>: input &#8220;true&#8221; to have the slides change automatically.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>random<\/strong>: input &#8220;true&#8221; to have the slides appear in a random order each time.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>control_nav<\/strong>: input &#8220;true&#8221; to display the control nav (shows a marker for each slide).<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>prev_next_nav<\/strong>: input &#8220;true&#8221; to display the previous\/next arrows for the slider..<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>no_container<\/strong>: input &#8220;true&#8221; to remove the container styling.<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Responsive Slide Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/323"}],"collection":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":1,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"predecessor-version":[{"id":7782,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/323\/revisions\/7782"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}