{"id":9020,"date":"2015-01-01T17:58:31","date_gmt":"2015-01-01T22:58:31","guid":{"rendered":"http:\/\/www.jbaker.info\/?p=7045"},"modified":"2015-01-01T17:58:31","modified_gmt":"2015-01-01T22:58:31","slug":"multi-caption-slider-demo-2","status":"publish","type":"post","link":"https:\/\/www.jbaker.info\/demo05\/multi-caption-slider-demo-2\/","title":{"rendered":"Multi Caption Slider Demo"},"content":{"rendered":"<p>It&#8217;s easy to create an interactive photo slider on your blog posts or pages using the &#091;trav_slider&#093; shortcode. To create a slider anywhere on your site, simply add the shortcode to any new or existing page or post. Type the following shortcode segment into your editor:<\/p>\n<p>&#091;trav_slider&#093;\n&#091;\/trav_slider&#093;<\/p>\n<p>The plugin will use default settings to display the demo slider as shown below:<\/p>\n<div id=\"slider_multi_pause_time\" style=\"display: none;\">6000<\/div><div id=\"slider_plugin_url\" style=\"display: none;\">https:\/\/www.jbaker.info\/demo05\/wp-content\/plugins\/!slider_multi_caption<\/div><div class=\"theme-multi-caption\" style=\"margin: 8px 0px 20px 0px; \"><div id=\"slider_multi_cap\" class=\"nivoSlider\"><img decoding=\"async\" src=\"https:\/\/dl.dropbox.com\/u\/15570576\/bright.jpg\" alt=\"\" class=\"xpNivoSlider\" title=\"#htmlcaption1\" \/><img decoding=\"async\" src=\"https:\/\/dl.dropbox.com\/u\/15570576\/cc_sep.jpg\" alt=\"\" class=\"xpNivoSlider\" title=\"#htmlcaption2\" \/><img decoding=\"async\" src=\"https:\/\/dl.dropbox.com\/u\/15570576\/coffee_cup.jpg\" alt=\"\" class=\"xpNivoSlider\" title=\"#htmlcaption3\" \/><\/div><div id=\"htmlcaption1\" class=\"nivo-html-caption\"><div class=\"relative_div_inside_nivo_caption\" ><div class=\"color_wrap\" style=\"background-color: rgba(0,0,0, .85); width: 100%; position:absolute; bottom:20%;\"><h4 style=\"color: #ffffff; font-size: 30px; \">Brighten Up Your Site<\/h4><p class='link_note' style='font-size:13px'>Get the <a href=\"http:\/\/www.jbaker.info\/slider-plugin\/\" title=\"Link to EZC Multi Caption Slider Plugin Page\">EZC Multi Caption Slider here<\/a>&#8230;&nbsp;&nbsp;<\/p><\/div><div class=\"attrib\" style=\"font-size:13px\">photo credit: <a href=\"http:\/\/www.flickr.com\/photos\/pagedooley\/2070566107\/\">kevin dooley<\/a> via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by\/2.0\/\">cc<\/a><\/div><\/div><\/div><div id=\"htmlcaption2\" class=\"nivo-html-caption\"><div class=\"relative_div_inside_nivo_caption\" ><div class=\"color_wrap\" style=\"background-color: rgba(8,122,145, .85); width: 100%; position:absolute; bottom:20%;\"><h4 style=\"color: #ffffff; font-size: 30px; \">Harness the Power of Creative Commons Photos<\/h4><p class='link_note' style='font-size:13px'>Show photo attribution automatically for creative commons photos you use.&nbsp;&nbsp;<\/p><\/div><div class=\"attrib\" style=\"font-size:13px\">http:\/\/creativecommons.org\/licenses\/by-sa\/3.0\/us\/<\/div><\/div><\/div><div id=\"htmlcaption3\" class=\"nivo-html-caption\"><div class=\"relative_div_inside_nivo_caption\" ><div class=\"color_wrap\" style=\"background-color: rgba(140,96,13, .85); width: 100%; position:absolute; bottom:20%;\"><h4 style=\"color: #ffffff; font-size: 30px; \">Use Photos to Add Interest and Color<\/h4><p class='link_note' style='font-size:13px'>Choose from thousands of free photos using Photo Pin or PhotoDropper&nbsp;&nbsp;<\/p><\/div><div class=\"attrib\" style=\"font-size:13px\"><a href=\"http:\/\/www.flickr.com\/photos\/peterhellberg\/3776946155\/\">Peter Hellberg<\/a> via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">cc<\/a><\/div><\/div><\/div><div id=\"pause_play\"><img decoding=\"async\" id=\"pp_img\" src=\"https:\/\/www.jbaker.info\/demo05\/wp-content\/plugins\/!slider_multi_caption\/nivo\/img\/pause1.png\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s easy to create an interactive photo slider on your blog posts or pages using the &#091;trav_slider&#093; shortcode. To create a slider anywhere on your site, simply add the shortcode to any new or existing page or post. Type the following shortcode segment into your editor: &#091;trav_slider&#093; &#091;\/trav_slider&#093; The plugin will use default settings to&#8230;  <a href=\"https:\/\/www.jbaker.info\/demo05\/multi-caption-slider-demo-2\/\" class=\"more-link\" title=\"Read Multi Caption Slider Demo\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,3],"tags":[],"class_list":["post-9020","post","type-post","status-publish","format-standard","hentry","category-multi-caption-slider","category-unvetted"],"_links":{"self":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/9020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/comments?post=9020"}],"version-history":[{"count":0,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/9020\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/media?parent=9020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/categories?post=9020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/tags?post=9020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}