{"id":1748,"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\/article4.html"},"modified":"2020-02-03T05:11:30","modified_gmt":"2020-02-03T10:11:30","slug":"anythingslider","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/anythingslider.html","title":{"rendered":"AnythingSlider"},"content":{"rendered":"<ul class=\"desc-links\">\r\n\t<li><a href=\"http:\/\/livedemo00.template-help.com\/joomla_35206\/\" class=\"live-demo-button\" target=\"_blank\">Live Demo<\/a><\/li>\r\n\t<li><a href=\"http:\/\/github.com\/ProLoser\/AnythingSlider\/downloads\" class=\"sample-button\" target=\"_blank\">Download<\/a><\/li>\r\n<\/ul>\r\n\r\n This is a Slider Script that uses <a class=\"link3\" href=\"http:\/\/css-tricks.com\/anythingslider-jquery-plugin\/\">anythingSlider<\/a> plug-in. <p>This plug-in has a variety of features both common for all slider scripts and specific new features: <br \/>\u2022&nbsp;Autostart; <br \/>\u2022&nbsp;Dynamic output pagination; <br \/>\u2022&nbsp;Support for various transition effects between slides; <br \/>\u2022&nbsp;Button stop \/ play; <br \/>\u2022&nbsp;Support for the hash tags.<\/p> <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>slider.js<\/strong> file contains these lines of code that make the slider work:<\/p> <p>The script is well-commented so you can always get to know which attributes to change in order to customize the slider functionality.<\/p> <p> <strong>HTML<\/strong> <br \/>When 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.<\/p> <p>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 images under the <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>Live Demo Download This is a Slider Script that uses anythingSlider plug-in. This plug-in has a variety of features both common for all slider scripts and specific new features: \u2022&nbsp;Autostart; \u2022&nbsp;Dynamic output pagination; \u2022&nbsp;Support for various transition effects between slides; \u2022&nbsp;Button stop \/ play; \u2022&nbsp;Support for the hash tags. JavaScript In order to make the [&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\/1748"}],"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=1748"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1748\/revisions"}],"predecessor-version":[{"id":86243,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1748\/revisions\/86243"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}