{"id":6684,"date":"2011-03-17T03:47:32","date_gmt":"2011-03-17T07:47:32","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6684"},"modified":"2020-02-06T10:23:16","modified_gmt":"2020-02-06T15:23:16","slug":"bxcarousel","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/bxcarousel.html","title":{"rendered":"bxCarousel"},"content":{"rendered":"

Live Demo<\/li>\r\n\t
Download<\/a><\/li>\r\n<\/ul>\r\n\r\nThis is a ‘Carousel’ Script. So-called ‘Carousel’ is a simple thumbnail gallery where slides are shown consequentially. bxCarousel is a jQuery carousel plug-in that provides the ability to specify how many elements are displayed at time. Also, the number of elements in which to move the slider can be specified. You can find full installation and configuration instructions by following the links.\r\n\r\n
JavaScript<\/h3>\r\nIn order to make the script work, the index-#.html file with a ‘carousel’ should contain these lines of HTML code:\r\n\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\r\n $\"2\"$ \r\n\r\n\r\nHere the script initializes an element with the #example1 id with the following attributes:\r\n\r\n\u2022 display_num:4,- number of elements to be visible;\r\n\u2022 move:4, \u2013 number of elements to the shift the slides;\r\n\u2022 speed:500, \u2013 number in milliseconds it takes to finish slide animation;\r\n\u2022 margin:0, \u2013 right margin to be applied to each
element (do not include “px”);\r\n\u2022 auto:false, \u2013 automatically play slides without a user click;\r\n\u2022 auto_interval:2000, \u2013 the amount of time in milliseconds between each auto animation;\r\n\u2022 auto_dir:’next’, \u2013 direction of auto slideshow (options: ‘next’, ‘prev’);\r\n\u2022 auto_hover:false, \u2013 determines if the slideshow will stop when user hovers over slideshow;\r\n\u2022 next_text:’next’, \u2013 text to be used for the ‘next’ control;\r\n\u2022 next_image:”, \u2013 image to be used for the ‘next’ control;\r\n\u2022 prev_text:’prev’, \u2013 text to be used for the ‘prev’ control;\r\n\u2022 prev_image:”, \u2013 image to be used for the ‘prev’ control;\r\n\u2022 controls:true \u2013 determines if controls will be displayed.\r\n\r\n
HTML<\/h3>\r\nBelow you can see the HTML script representation:\r\n\r\n $\"3\"$ \r\n\r\n\r\n
CSS<\/h3>\r\nYou can find script related stylesheet in the main style.css file.\r\n\r\n $\"4\"$ ","protected":false},"excerpt":{"rendered":"
Live Demo Download This is a ‘Carousel’ Script. So-called ‘Carousel’ is a simple thumbnail gallery where slides are shown consequentially. bxCarousel is a jQuery carousel plug-in that provides the ability to specify how many elements are displayed at time. Also, the number of elements in which to move the slider can be specified. You can […]<\/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,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6684"}],"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=6684"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6684\/revisions"}],"predecessor-version":[{"id":86430,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6684\/revisions\/86430"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

HTML<\/h3>\r\nBelow you can see the HTML script representation:\r\n\r\n \r\n\r\n\r\n

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