Clone the repository
git clone https://github.com/alexandreferris/afslider.gitOr download a ZIP and extract the files to your webserver( vagrant, apache, nginx ) folder.
You can change the name of public_html to your specific webserver folder name such as www, html, public, etc.
<script type="text/javascript" src="afslider.js"></script> <link rel="stylesheet" type="text/css" href="afslider.css" /> <div id="slide">
</div> <div id="slide">
<div class="item">
<span>Some random text</span>
<img src="image1.jpg" />
</div>
<div class="item">
<span>Some random text 2</span>
<img src="image2.jpg" />
</div>
</div>$("#slide").afslider({
interval: '5000',
autoplay: true,
centertext: true
});| name | default | options |
|---|---|---|
| position | absolute | static, relative, fixed, absolute |
| width | '100vw' | px, vw, % |
| height | '100vh' | px, vh, % |
| zindex | '-1' | -9999 to 9999 |
| centertext | false | true or false |
| autoplay | false | true or false |
| interval | '1000' | Interval between each slide in milliseconds |
| speedFadeIn | 1500 | time in milliseconds |
| speedFadeOut | 1500 | time in milliseconds |
| dots | false | true or false |
| dotsid | false | ID of dots wrapper (e.g. dots_wrapper) |
| buttons | false | true or false |
| btnprev | false | ID of button previous element (e.g. btn_prev) |
| btnnext | false | ID of button next element (e.g. btn_next) |
Author: Alexandre Ferris
E-mail: [email protected]
Built in: 2016