{"id":1774,"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\/carousel\/article2.html"},"modified":"2020-02-06T06:04:09","modified_gmt":"2020-02-06T11:04:09","slug":"jcarousellite","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/jcarousellite.html","title":{"rendered":"jCarouselLite"},"content":{"rendered":"<ul class=\"desc-links\">\r\n\t<li>Live Demo<\/li>\r\n\t<li>Download<\/li>\r\n<\/ul>\r\n\r\n\r\n This is an \u2018Carousel\u2019 Script. So-called \u2018Carousel\u2019 is a simple thumbnail gallery, where slides are shown consequentially. You can find full installation and configuration instructions by following the links. <p> <strong>JavaScript<\/strong> <br \/>In order to make the script work, the <strong>index-#.html<\/strong> file with a \u2018carousel\u2019 should contain these lines of HTML code:<\/p> <p>The <strong>&lt;head&gt;<\/strong> section of the <strong>index-#.html<\/strong> file contains these lines of code that initialize the script functionality with basic values:<\/p> <p>Here the script initizlizes an element with <strong>.carousel<\/strong> class with following attributes: <br \/>\u2022&nbsp; <strong>btnNext: &#8220;.next&#8221;<\/strong> &ndash; defines \u201cNext\u201d button as an element with <strong>.next<\/strong> class; <br \/>\u2022&nbsp; <strong>btnPrev: &#8220;.prev&#8221;<\/strong> &ndash; defines \u201cPrevious\u201d button as an element with <strong>.prev<\/strong> class;<\/p> <p> <strong>HTML<\/strong> <br \/>Below you can see the HTML script representation:<\/p> <p>Make sure to specify correct <strong>height<\/strong> value for each image. <br \/>In order to add an image you will simply need to copy the following construction:<\/p> <p> <strong>CSS<\/strong> <br \/>Unlike other scripts you do not need to modify CSS manually. All the stylesheet will be created dynamically via JavaScript.<\/p>","protected":false},"excerpt":{"rendered":"<p>Live Demo Download This is an \u2018Carousel\u2019 Script. So-called \u2018Carousel\u2019 is a simple thumbnail gallery, where slides are shown consequentially. You can find full installation and configuration instructions by following the links. JavaScript In order to make the script work, the index-#.html file with a \u2018carousel\u2019 should contain these lines of HTML code: The &lt;head&gt; [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[269],"tags":[821,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1774"}],"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=1774"}],"version-history":[{"count":10,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1774\/revisions"}],"predecessor-version":[{"id":85951,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1774\/revisions\/85951"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}