{"id":1771,"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\/article2.html"},"modified":"2020-01-28T04:46:57","modified_gmt":"2020-01-28T09:46:57","slug":"simple-image-gallery","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/simple-image-gallery.html","title":{"rendered":"Simple Image Gallery"},"content":{"rendered":"This is a Simple Image Gallery plug-in that is using several basic jQuery functions. <p> <strong>JavaScript<\/strong> <br \/>Below you can see the jQuery script representation. This script does not require any configuration.<\/p> <p> <strong>HTML<\/strong> <br \/>Below you can see the example of gallery HTML coding:<\/p> <p>Here the big image which is placed to the <strong>&lt;dt&gt;<\/strong> tag gets id <strong>#largeImg<\/strong>. When you click the thumbnails (small images), the path to the big picture is replaced by the link that is specified by <strong>href<\/strong> parameter for each thumbnail. Each thumbnail itself is placed to the <strong>&lt;dd&gt;<\/strong> tag. <br \/>In order to add a certain amount of thumbnails you need to add the following structure to the gallery HTML coding:&nbsp;&nbsp;<\/p> <p>Here <strong>images\/big-image2.jpg<\/strong> is the path to the big image and <strong>images\/sm-image2.jpg<\/strong> is the path to the small image. Usually you just need to change the image filename.<\/p>","protected":false},"excerpt":{"rendered":"<p>This is a Simple Image Gallery plug-in that is using several basic jQuery functions. JavaScript Below you can see the jQuery script representation. This script does not require any configuration. HTML Below you can see the example of gallery HTML coding: Here the big image which is placed to the &lt;dt&gt; tag gets id #largeImg. [&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\/1771"}],"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=1771"}],"version-history":[{"count":3,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1771\/revisions"}],"predecessor-version":[{"id":85728,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1771\/revisions\/85728"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}