{"id":1770,"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\/article3.html"},"modified":"2020-01-29T09:52:33","modified_gmt":"2020-01-29T14:52:33","slug":"kwicks-image-gallery","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/kwicks-image-gallery.html","title":{"rendered":"Kwicks Image Gallery"},"content":{"rendered":"<ul class=\"desc-links\">\r\n\t<li>Live Demo<\/li>\r\n\t<li><a href=\"http:\/\/www.jeremymartin.name\/projects.php?project=kwicks\" class=\"sample-button\" target=\"_blank\">Download<\/a><\/li>\r\n<\/ul>\r\n\r\nThis is a Gallery Script that uses <a class=\"link3\" href=\"http:\/\/www.jeremymartin.name\/projects.php?project=kwicks\">&#8220;Kwicks Gallery&#8221;<\/a> plug-in. <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>The <strong>script.js<\/strong> file contains these lines of code that initialize the script functionality with basic values:<\/p> <p>Here the script attributes define the following values: <br \/>\u2022&nbsp; <strong>max: 574<\/strong> &ndash; maximum width of the slide when it\u2019s opened; <br \/>\u2022&nbsp; <strong>spacing: 0<\/strong> &ndash; spacing between the slides; <br \/>\u2022&nbsp; <strong>sticky: true<\/strong> &ndash; the default slide (see next) will be shown as opened by default; <br \/>\u2022&nbsp; <strong>defaultKwick: 2<\/strong> &ndash; slide #3 will become active by default (here numbering starts from \u20180\u2019); <br \/>\u2022&nbsp; <strong>event: &#8216;click&#8217;<\/strong> &ndash; the gallery will open a new slide when you click it.<\/p> <p> <strong>HTML<\/strong> <br \/>The slider is represented by the bulleted list using <strong>.kwicks<\/strong> and <strong>.horizontal<\/strong> classes for the <strong>&lt;ul&gt;<\/strong> tag.<\/p> <p>Normally it is strictly necessary to create an id for each <strong>&lt;li&gt;<\/strong> tag, but it could be handy when you want to define different appearance (e.g. color, background, etc.) for each slide.<\/p> <p> <strong>CSS<\/strong> <br \/>Kwicks slideshow has fully commented stylesheet, which is represented below:<\/p> <p>You can find script related stylesheet in the main <strong>style.css<\/strong> file.<\/p>","protected":false},"excerpt":{"rendered":"<p>Live Demo Download This is a Gallery Script that uses &#8220;Kwicks Gallery&#8221; plug-in. JavaScript In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code: The script.js file contains these lines of code that initialize the script functionality with basic values: Here the script attributes define [&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\/1770"}],"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=1770"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1770\/revisions"}],"predecessor-version":[{"id":85879,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1770\/revisions\/85879"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}