{"id":79,"date":"2011-04-01T03:07:30","date_gmt":"2011-04-01T03:07:30","guid":{"rendered":"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/image-gallery\/"},"modified":"2011-04-01T03:07:30","modified_gmt":"2011-04-01T03:07:30","slug":"image-gallery","status":"publish","type":"post","link":"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/image-gallery\/","title":{"rendered":"Image Gallery"},"content":{"rendered":"<style>\n#hidden-content {\n    display: none;\n}\n.placeholder-text {\n    color: #fff;\n    width: 500px;\n    max-width: 100%;\n    text-align: center;\n    padding: 40px 20px;\n    margin: 20px auto;\n    background: #307451\\9;\n    background:radial-gradient(#22a563,#307451);\n}\n.placeholder-text p {\n    font-size: 1.3em;\n    max-width: 400px;\n    margin: 0 auto 20px;\n     text-shadow: 1px 1px 0 rgba(0,0,0,0.35);\n}\n<\/style>\n<p><script type=\"text\/javascript\">\n\/* Insert JSN ImageShow place-holder content when the component isn't installed *\/<\/p>\n<p>function addPlaceHolder(containerClass, placeholderID, classInsertedElement)\n{\n\tvar pattern = \/\\{imageshow (.*)\\\/\\}\/i;\n\tvar elePlaceholder = document.id(placeholderID);<\/p>\n<p>\tvar contentElePlaceholder = elePlaceholder.get('html'); <\/p>\n<p>        $$('.' + containerClass).each(function(item, index){<\/p>\n<p>        var content = item.get('html');<\/p>\n<p>\tif (pattern.test(content)) \n\t{\n\t\titem.set('html', '');\n\t\tvar insertedEle = new Element(\"div\", {class: classInsertedElement, html: contentElePlaceholder});\n                item.adopt(insertedEle); \n\t}<\/p>\n<p>        });<\/p>\n<p>}<\/p>\n<p>window.addEvent('domready', function() {\naddPlaceHolder('is-demo-theme', 'hidden-content', 'jsn-is-placeholder-content');\n});\n<\/script><\/p>\n<div id=\"hidden-content\">\n<div class=\"placeholder-text\">\n<p>Here should be the presentation of JSN ImageShow,<br \/>but it is not installed on your website.<\/p>\n<p><a href=\"http:\/\/www.joomlashine.com\/joomla-extensions\/jsn-imageshow.html\" target=\"_blank\" class=\"link-button button-light\">Free Download Now<\/a>\n<\/div>\n<\/div>\n<div class=\"text-info\" style=\"background-image: none; padding-left: 15px;\">\n<p>The image gallery you see on this website is the <strong>Free Edition<\/strong> of another cool product <strong><a target=\"_blank\" href=\"http:\/\/www.joomlashine.com\/joomla-extensions\/jsn-imageshow.html\">JSN ImageShow<\/a><\/strong> from JoomlaShine. Please click on the below button to check the PRO Edition of this extension.<\/p>\n<p align=\"center\"><a class=\"link-button button-blue\" href=\"http:\/\/demo.joomlashine.com\/joomla-extensions\/jsn-imageshow.html\" target=\"_blank\">See Demo<\/a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class=\"link-button button-green\" href=\"http:\/\/www.joomlashine.com\/joomla-extensions\/jsn-imageshow-joomla-gallery-extension.html\" target=\"_blank\">Buy Now<\/a><\/p>\n<\/div>\n<p>This product is shipped with component, module and content plugin, so you can place it anywhere on every website.<\/p>\n<p>On this page you can see how JSN ImageShow is presented as module on top and as plugin in article content. With it, you get smooth experience and consistent performance in all browsers. The JSN ImageShow also support mobile devices normally with JS\/HTML version switched automatically when you visit the website.<\/p>\n<p>Currently, JSN ImageShow comes with 6 themes: Theme Classic, Theme Slider, Theme Grid, Theme Carousel, Theme Strip and Theme Flow. More themes will be released in the future.<\/p>\n<div class=\"content-center\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=3 w=650 h=400 \/}<\/div>\n<\/div>\n<p class=\"content-center\"><em>JSN ImageShow with Theme Classic<\/em><\/p>\n<div class=\"content-center\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=1 w=640 h=400 \/}<\/div>\n<\/div>\n<p class=\"content-center\"><em>JSN ImageShow with Theme Slider<\/em><\/p>\n<div class=\"content-center\" style=\"padding-left: 30px;\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=2 w=650 \/}<\/div>\n<\/div>\n<p class=\"content-center\" style=\"clear: both;\"><em>JSN ImageShow with Theme Grid<\/em><\/p>\n<div class=\"content-center\" style=\"padding-left: 30px;\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=4 w=650 \/}<\/div>\n<\/div>\n<p class=\"content-center\" style=\"clear: both;\"><em>JSN ImageShow with Theme Carousel<\/em><\/p>\n<div class=\"content-center\" style=\"padding-left: 30px;\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=6  \/}<\/div>\n<\/div>\n<p class=\"content-center\" style=\"clear: both;\"><em>JSN ImageShow with Theme Strip Vertical<\/em><\/p>\n<div class=\"content-center\" style=\"padding-left: 30px;\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=7  \/}<\/div>\n<\/div>\n<p class=\"content-center\" style=\"clear: both;\"><em>JSN ImageShow with Theme Strip Horizontal<\/em><\/p>\n<div class=\"content-center\" style=\"padding-left: 30px;\">\n<div class=\"is-demo-theme\">{imageshow sl=2 sc=5  \/}<\/div>\n<\/div>\n<p class=\"content-center\" style=\"clear: both;\"><em>JSN ImageShow with Theme Flow<\/em><\/p>\n<hr class=\"line-dots\" \/>\n<h3>Mobile optimized<\/h3>\n<p>For mobile device, we have built special lightweight Javascript version, so you can be absolutely sure about images presentation.<\/p>\n<div class=\"grid-layout\">\n<div>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" src=\"images\/content\/template-details\/advanced-stuff\/flash-gallery\/flash-gallery.png\" width=\"320\" height=\"480\" alt=\"Mobile optimized presentation (screenshot made by iPhone)\" \/><\/p>\n<\/div>\n<p class=\"content-center\"><em>Mobile optimized presentation (screenshot made by iPhone)<\/em><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Here should be the presentation of JSN ImageShow,but it is not installed on your website. Free Download Now The image gallery you see on this website is the Free Edition of another cool product JSN ImageShow from JoomlaShine. Please click on the below button to check the PRO Edition of this extension. See Demo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Buy Now &#8230; <a title=\"Image Gallery\" class=\"read-more\" href=\"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/image-gallery\/\" aria-label=\"Read more about Image Gallery\">Dowiedz si\u0119 wi\u0119cej<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-79","post","type-post","status-publish","format-standard","hentry","category-advanced-stuff"],"_links":{"self":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":0,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"wp:attachment":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}