{"id":1749,"date":"2010-11-15T10:24:58","date_gmt":"2010-11-15T10:24:58","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/jquery\/slider\/article3.html"},"modified":"2020-01-31T11:43:32","modified_gmt":"2020-01-31T16:43:32","slug":"easy-slider","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/easy-slider.html","title":{"rendered":"Easy Slider"},"content":{"rendered":"This is a Slider Script that uses Easy Slider 1.7 plug-in (you can find a full manual on following this link). <p> <strong>JavaScript<\/strong> <br \/>In order to make the script work, the <strong>index-#.html<\/strong> file with a slider should contain these lines of HTML code:<\/p> <p>The <strong>&lt;head&gt;<\/strong> section of the <strong>index-#.html<\/strong> file contains these lines of code that initialize the script functionality with basic values:<\/p> <p>Here script attributes define the following values: <br \/>\u2022&nbsp; <strong>#slider<\/strong> &ndash; the id of script container (the id of a tag container <strong>&lt;div&gt;<\/strong>); <br \/>\u2022&nbsp; <strong>continuous: true<\/strong> &ndash; when it is set to <strong>true<\/strong>, the slides change continuously; <br \/>\u2022&nbsp; <strong>pause: 4000<\/strong> &ndash; slides changing rate.<\/p> <p> <strong>HTML<\/strong> <br \/>Using this slide you just need to put a list of slides into the <strong>&lt;div&gt;<\/strong> tag with the <strong>.slider<\/strong> class. <br \/>Below you can see the HTML script representation:<\/p> <p>Every list element (<strong>&lt;li&gt;<\/strong> tag) represents a slide. So in order to customize slider elements you will need to change the images under <strong>&lt;li&gt;<\/strong> tags.<\/p> <p> <strong>CSS<\/strong> <br \/>You can find script related stylesheet in the main <strong>style.css<\/strong> file. You will need to modify the following styles:<\/p>","protected":false},"excerpt":{"rendered":"<p>This is a Slider Script that uses Easy Slider 1.7 plug-in (you can find a full manual on following this link). JavaScript In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code: The &lt;head&gt; section of the index-#.html file contains these lines of code that [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[262],"tags":[813,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1749"}],"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=1749"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1749\/revisions"}],"predecessor-version":[{"id":86176,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1749\/revisions\/86176"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}