SHOW:
|
|
- or go back to the newest paste.
| 1 | way one: (works) | |
| 2 | <!doctype html> | |
| 3 | <html> | |
| 4 | <head> | |
| 5 | <meta charset="utf-8"> | |
| 6 | <title>SlidesJS Standard Code Example</title> | |
| 7 | <link rel="stylesheet" href="./********/css/index.css"> | |
| 8 | <script src="./********/js/jquery-1.10.2.min.js"></script> | |
| 9 | <script src="./********/js/jquery.slides.min.js"></script> | |
| 10 | <script src="./********/js/index.js"></script> | |
| 11 | </head> | |
| 12 | <body> | |
| 13 | <div class="container"> | |
| 14 | <div id="slides"> | |
| 15 | <div>1</div> | |
| 16 | <div>2</div> | |
| 17 | <div>3</div> | |
| 18 | <div>4</div> | |
| 19 | <img src="********/img/1.jpg" alt="" /> | |
| 20 | <img src="********/img/2.jpg" alt="" /> | |
| 21 | <img src="********/img/3.jpg" alt="" /> | |
| 22 | <img src="********/img/4.jpg" alt="" /> | |
| 23 | <img src="********/img/5.jpg" alt="" /> | |
| 24 | </div> | |
| 25 | </div> | |
| 26 | - | </body> |
| 26 | + | </body> |
| 27 | ||
| 28 | js: | |
| 29 | ||
| 30 | $(function() {
| |
| 31 | $('#slides').slidesjs({
| |
| 32 | width: 1000, | |
| 33 | height: 480, | |
| 34 | start: 1, | |
| 35 | play: {
| |
| 36 | active: true, | |
| 37 | // [boolean] Generate the play and stop buttons. | |
| 38 | // You cannot use your own buttons. Sorry. | |
| 39 | effect: "fade", | |
| 40 | // [string] Can be either "slide" or "fade". | |
| 41 | interval: 4000, | |
| 42 | // [number] Time spent on each slide in milliseconds. | |
| 43 | auto: true, | |
| 44 | // [boolean] Start playing the slideshow on load. | |
| 45 | swap: true, | |
| 46 | // [boolean] show/hide stop and play buttons | |
| 47 | pauseOnHover: true, | |
| 48 | // [boolean] pause a playing slideshow on hover | |
| 49 | restartDelay: 4000, | |
| 50 | // [number] restart delay on inactive slideshow | |
| 51 | } | |
| 52 | }); | |
| 53 | }); |
