{"id":6682,"date":"2011-03-17T03:45:01","date_gmt":"2011-03-17T07:45:01","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6682"},"modified":"2015-09-11T05:17:54","modified_gmt":"2015-09-11T09:17:54","slug":"tinyslider","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/tinyslider.html","title":{"rendered":"&#8220;tinySlider&#8221;"},"content":{"rendered":"tinySlider is a simple to manage jQuery slider with a minimal number of features.\r\n\r\n<h3>JavaScript<\/h3>\r\nWe should include jQuery framework and jquery.tinySlider.js by pointing src attribute in the script tag to those .js files.\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/slider\/slider_18_1.png\" alt=\"1\" \/>\r\nInitialization script we place in the <head> section. It initializes the element with the class name .class1 In the code example below you can see that a couple of sliders can be initialized at once, by separating class names with comma:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/slider\/slider_18_2.png\" alt=\"2\" \/>\r\n\r\nIt supports the following parameters: easing, duration, prev, next, pagination.\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\/slider\/slider_18_3.png\" alt=\"3\" \/>\r\n\r\nThe slider itself is represented with a bulleted list (<ul> tag) inside div container. In order to add another slide you just need to add a bulleted list item <li>.\r\nLinks prev and next should relate to div container as child elements. Or you can use triggers for the buttons as below:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/slider\/slider_18_4.png\" alt=\"4\" \/>\r\nYou can also add pagination, which should relate to the div container as child element.\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/slider\/slider_18_5.png\" alt=\"5\" \/>\r\nrel &#8211; defines number of the slider (count starts from 0);\r\ntiny_pagination is a default class for pagination element (you can define another class name in the head initialization section).","protected":false},"excerpt":{"rendered":"<p>tinySlider is a simple to manage jQuery slider with a minimal number of features. JavaScript We should include jQuery framework and jquery.tinySlider.js by pointing src attribute in the script tag to those .js files. Initialization script we place in the section. It initializes the element with the class name .class1 In the code example below [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[262,270],"tags":[813,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6682"}],"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=6682"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6682\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}