{"id":1763,"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\/lightbox\/article2.html"},"modified":"2016-01-15T07:34:25","modified_gmt":"2016-01-15T12:34:25","slug":"darkbox-lightbox","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/darkbox-lightbox.html","title":{"rendered":"&#8220;DarkBox&#8221; Lightbox"},"content":{"rendered":"This is a Lightbox Script. So-Called \u2018Lightbox\u2019, is a script used to display large images using modal dialogs, that gained widespread popularity due to its simple yet elegant style and easy implementation. <p> <strong>JavaScript<\/strong> <br \/>In order to make the script work, the <strong>index-#.html<\/strong> file with a slider should contain these lines of HTML code:<\/p> <p> <img alt=\"\" src=\"\/help\/wp-content\/uploads\/2011\/03\/jquery\/lightbox\/lightbox_1_1.png\" \/> <\/p> <p>The <strong>script.js<\/strong> file contains these lines of code that initialize the script functionality with basic values.<\/p> <p> <strong>HTML<\/strong> <br \/>Below you can see the HTML script representation:<\/p> <p> <img alt=\"\" src=\"\/help\/wp-content\/uploads\/2011\/03\/jquery\/lightbox\/lightbox_1_3.png\" \/> <\/p> <p>The src parameter of the <strong>&lt;img&gt;<\/strong> tag defines the path to the image that is output in the darkbox. <br \/> <br \/> <strong>CSS<\/strong> <br \/>You can find script related stylesheet in the main <strong>style.css<\/strong> file. You will need to modify the following styles:<\/p> <p> <img alt=\"\" src=\"\/help\/wp-content\/uploads\/2011\/03\/jquery\/lightbox\/lightbox_1_4.png\" \/> <\/p>","protected":false},"excerpt":{"rendered":"<p>This is a Lightbox Script. So-Called \u2018Lightbox\u2019, is a script used to display large images using modal dialogs, that gained widespread popularity due to its simple yet elegant style and easy implementation. JavaScript In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code: The script.js [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[266],"tags":[813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1763"}],"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=1763"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1763\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}