{"id":6690,"date":"2011-03-17T03:55:57","date_gmt":"2011-03-17T07:55:57","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6690"},"modified":"2015-09-11T05:19:45","modified_gmt":"2015-09-11T09:19:45","slug":"cycle-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cycle-plugin.html","title":{"rendered":"&#8220;Cycle Plugin&#8221;"},"content":{"rendered":"This script offers a wide variety of slide change transition effects. You can find full installation and configuration instructions by following this link.\r\n\r\n<h3>JavaScript<\/h3>\r\nIn order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/misc\/misc_6_1.jpg\" alt=\"1\" \/>\r\nThe <head> section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/misc\/misc_6_2.jpg\" alt=\"2\" \/>\r\nThis script is initialized with a <div> element with the #slideshow id. Script attributes define the following values:\r\n\r\n\u2022    pause \u2013 pauses the slideshow, slideshow can be resumed with &#8216;resume&#8217; command;\r\n\u2022    resume \u2013 resumes a paused slideshow;\r\n\u2022    toggle\u2013 toggles the pause\/resume state of the slideshow;\r\n\u2022    next \u2013 advances slideshow to next slide;\r\n\u2022    prev \u2013 advances slideshow to previous slide;\r\n\u2022    stop \u2013 stops the slideshow;\r\n\u2022    destroy \u2013 stops the slideshow and unbinds all events.\r\n\r\nFor more information about options, see the Options Reference page.\r\n\r\n<h3>HTML<\/h3>\r\nBelow you can see general HTML script representation:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/misc\/misc_6_3.jpg\" alt=\"3\" \/>\r\n\r\n<h3>CSS<\/h3>\r\nYou can find script related stylesheet in the main style.css file.\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/misc\/misc_6_4.jpg\" alt=\"4\" \/>","protected":false},"excerpt":{"rendered":"<p>This script offers a wide variety of slide change transition effects. You can find full installation and configuration instructions by following this link. JavaScript In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code: The section of the index-#.html file contains these lines of code [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[264,270],"tags":[822,813,768],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6690"}],"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=6690"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6690\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}