{"id":1773,"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\/article3.html"},"modified":"2020-01-30T09:57:59","modified_gmt":"2020-01-30T14:57:59","slug":"jcarousellite-2","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/jcarousellite-2.html","title":{"rendered":"“jCarouselLite”-2"},"content":{"rendered":"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<\/a> instructions by following the links.

JavaScript<\/strong>
In order to make the script work, the index-#.html<\/strong> file with a \u2018carousel\u2019 should contain these lines of HTML code:
<\/p>

The <head><\/strong> section of the index-#.html<\/strong> file contains these lines of code that initialize the script functionality with basic values:<\/p>

Here the script initializes an element with #loopedCarousel id with following attributes:
\u2022  container: ‘.container’<\/strong> – class or id of main container;
\u2022  slides: ‘.slides’<\/strong> – class or id of slide container;
\u2022  pagination: ‘.pagination’<\/strong> – class or id of pagination container;
\u2022  autoStart: 0<\/strong> – set to positive number for auto start and interval time;
\u2022  slidespeed: 300<\/strong> – speed of slide animation;
\u2022  fadespeed: 300<\/strong> – speed of fade animation;
\u2022  items: 3<\/strong> – items shown;
\u2022  padding: 10<\/strong> – padding between items;
\u2022  showPagination: true<\/strong> – shows pagination links;
\u2022  vertical: false<\/strong> – set to true for vertical carousel.<\/p>

HTML<\/strong>
Below you can see the HTML script representation:<\/p>

CSS<\/strong>
You can find script related stylesheet in the main style.css file.<\/p>","protected":false},"excerpt":{"rendered":"

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 <head> section of the […]<\/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\/1773"}],"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=1773"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1773\/revisions"}],"predecessor-version":[{"id":85958,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1773\/revisions\/85958"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}