{"id":6705,"date":"2011-03-17T04:55:02","date_gmt":"2011-03-17T08:55:02","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6705"},"modified":"2015-09-11T05:21:26","modified_gmt":"2015-09-11T09:21:26","slug":"jquery-slider-2","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/jquery-slider-2.html","title":{"rendered":"jQuery Slider"},"content":{"rendered":"This is a simple horizontal slider script based on jQuery Framework.\r\n\r\n<h3>JavaScript<\/h3>\r\nIn order to make the script work, the index-#.html file should contain these lines of code before the closing <\/head> tag:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/slider\/slider_16_1.jpg\" alt=\"1\" \/>\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_16_2.jpg\" alt=\"2\" \/>\r\nThe slider consists of 3 main elements: left slide arrow &#8211; .box-left, the slider box \u2013 .box-top, and the right arrow \u2013 .box-right.\r\nThe slider itself is represented with a bulleted list (&lt;ul id=&#8221;slider-list&#8221;> tag). In order to add another slide you just need to add a bulleted list item (&lt;li> tag with &lt;img> content).\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\/slider\/slider_16_3.jpg\" alt=\"3jQuery Slider\" \/>","protected":false},"excerpt":{"rendered":"<p>This is a simple horizontal slider script based on jQuery Framework. JavaScript In order to make the script work, the index-#.html file should contain these lines of code before the closing tag: HTML Below you can see general HTML script representation: The slider consists of 3 main elements: left slide arrow &#8211; .box-left, the slider [&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\/6705"}],"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=6705"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6705\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}