{"id":6692,"date":"2011-03-17T03:58:41","date_gmt":"2011-03-17T07:58:41","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6692"},"modified":"2015-09-11T05:14:09","modified_gmt":"2015-09-11T09:14:09","slug":"looped-carousel","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/looped-carousel.html","title":{"rendered":"“Looped Carousel”"},"content":{"rendered":"Looped Carousel is a jQuery carousel plugin that provides a simple image gallery functionality.\r\n\r\n

JavaScript<\/h3>\r\nFirst we need to include the jQuery framework and the loopedcarousel.js file:\r\n\"1\"\r\n \r\nThe section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:\r\n\"2\"\r\nThe script initializes an element with the id loopedCarousel, which can have some additional settings:\r\n\r\ncontainer: ‘.container’ – class\/id for the carousel block\r\nslides: ‘.slides’ – class\/id for slides block\r\npagination: ‘.pagination’ – class\/id for pagination block\r\nautoStart: 0 – if set to 1 \u2013 auto start\r\nslidespeed: 300 – delay between slides animation in milliseconds\r\nfadespeed: 300 – fade animation speed\r\nitems: 3 – number of items to be displayed\r\npadding: 10 – distance between elements\r\nshowPagination: true – show pagination\r\nvertical: false\/true \u2013 for vertical animation\r\n\r\n

HTML<\/h3>\r\nBelow you can see general HTML script representation:\r\n\"3\"\r\n

CSS<\/h3>\r\nYou can find script related stylesheet in the main style.css file.\r\n\"4\"","protected":false},"excerpt":{"rendered":"

Looped Carousel is a jQuery carousel plugin that provides a simple image gallery functionality. JavaScript First we need to include the jQuery framework and the loopedcarousel.js file: The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values: The script initializes an element with the id loopedCarousel, […]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[269,270],"tags":[821,499,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6692"}],"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=6692"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6692\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}