{"id":1766,"date":"2010-11-15T10:24:58","date_gmt":"2010-11-15T10:24:58","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/jquery\/gallery\/article7.html"},"modified":"2020-01-28T04:35:43","modified_gmt":"2020-01-28T09:35:43","slug":"spacegallery-image-gallery","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/spacegallery-image-gallery.html","title":{"rendered":"&#8220;SpaceGallery&#8221; Image Gallery"},"content":{"rendered":"This is a Gallery Script that allows animating images in a slider with perspective effect. The plug-in has one image navigation preset only, but it is very useful if you have lots of images. Please, check <a class=\"link3\" href=\"http:\/\/www.eyecon.ro\/spacegallery\/\">this link<\/a> for gallery installation and configuration tutorials. <p> <strong>JavaScript<\/strong> <br \/>In order to make the script work, the <strong>index-#.html<\/strong> file with a gallery should contain these lines of HTML code:<\/p> <p>Initialization script is placed to a separate <strong>script.js<\/strong> file:<\/p> <p>The script initializes the gallery handler <strong>&lt;div&gt;<\/strong> tag with <strong>#myGallery<\/strong> id. All the gallery images&nbsp; are hidden using .css file, so we show them applying <strong>.show()<\/strong> method after loading the gallery:<\/p> <p> <strong>HTML<\/strong> <br \/>Below you can see general HTML script representation: <br \/><\/p> <p>All the images are placed to a <strong>&lt;div&gt;<\/strong> tag with <strong>#myGallery<\/strong> id and <strong>.spacegallery<\/strong> class.<\/p> <p> <strong>CSS<\/strong> <br \/>You can find script related stylesheet in the main style.css file.<\/p>","protected":false},"excerpt":{"rendered":"<p>This is a Gallery Script that allows animating images in a slider with perspective effect. The plug-in has one image navigation preset only, but it is very useful if you have lots of images. Please, check this link for gallery installation and configuration tutorials. JavaScript In order to make the script work, the index-#.html file [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[267],"tags":[499,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1766"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1766"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1766\/revisions"}],"predecessor-version":[{"id":85711,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1766\/revisions\/85711"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}