Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 95 lines (75 sloc) 2.665 kB
cb1dd4b @Mottie expand page
Mottie authored
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6
7 <title>AnythingSlider Expanding Demo</title>
14746b2 @Mottie changeBy option
Mottie authored
8 <link rel="shortcut icon" href="demos/images/favicon.ico">
9 <link rel="apple-touch-icon" href="demos/images/apple-touch-icon.png">
cb1dd4b @Mottie expand page
Mottie authored
10
11 <!-- jQuery (required) -->
51de7b7 @Mottie fade mode, css and LESS
Mottie authored
12 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
5feb9e4 @Mottie added local jQuery copy
Mottie authored
13 <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
cb1dd4b @Mottie expand page
Mottie authored
14
15 <!-- Demo stuff -->
16 <link rel="stylesheet" href="demos/css/page.css">
17
18 <!-- Anything Slider -->
19 <link rel="stylesheet" href="css/anythingslider.css">
20 <script src="js/jquery.anythingslider.js"></script>
21 <script>
22 $(function () {
23 $('#slider1').anythingSlider({
24 // theme : 'metallic',
25 expand : true,
7add433 @Mottie removed autoPlay dependency
Mottie authored
26 autoPlay : true
cb1dd4b @Mottie expand page
Mottie authored
27 });
28
29 $('#slider2').anythingSlider({
30 expand : true,
14746b2 @Mottie changeBy option
Mottie authored
31 showMultiple : 2,
7add433 @Mottie removed autoPlay dependency
Mottie authored
32 changeBy : 2
cb1dd4b @Mottie expand page
Mottie authored
33 });
34
35 });
36 </script>
2087f5c @Mottie fixed autoPlay - issue #331
Mottie authored
37
cb1dd4b @Mottie expand page
Mottie authored
38 </head>
39
40 <body id="expand">
41
42 <!-- Links to other demo pages & docs -->
43 <div id="nav">
44 <a href="index.html">Main Demo</a>
45 <a href="simple.html">Simple Demo</a>
46 <a class="current" href="expand.html">Expand Demo</a>
f45a6d4 @Mottie video extension
Mottie authored
47 <a href="video.html">Video Demo</a>
cb1dd4b @Mottie expand page
Mottie authored
48 <a href="demos.html">FX Demos</a>
999ba1d @Mottie animate.css support
Mottie authored
49 <a href="css3.html">CSS3 Demo</a>
3eb2684 @Mottie updated playground link - added ul#slider to override default css
Mottie authored
50 <a class="play" href="http://jsfiddle.net/Mottie/aTKzP/">Playground</a>
cb1dd4b @Mottie expand page
Mottie authored
51 <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
51de7b7 @Mottie fade mode, css and LESS
Mottie authored
52 <a class="git" href="https://github.com/ProLoser/AnythingSlider/zipball/master">Download</a>
cb1dd4b @Mottie expand page
Mottie authored
53 <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a>
54 </div>
55 <!-- End Links -->
56
14746b2 @Mottie changeBy option
Mottie authored
57 <h1>Expanding Slider Demo*</h1>
58 <h3>* Resize the browser window</h3>
59 <br>
60 <h2>Full page width</h2>
cb1dd4b @Mottie expand page
Mottie authored
61
62 <!-- Expanding AnythingSlider 100% width -->
63
64 <div id="wrapper1">
65 <ul id="slider1">
66 <li><img src="demos/images/slide-civil-1.jpg" alt=""></li>
67 <li><img src="demos/images/slide-env-1.jpg" alt=""></li>
68 <li><img src="demos/images/slide-civil-2.jpg" alt=""></li>
69 <li><img src="demos/images/slide-env-2.jpg" alt=""></li>
70 </ul>
71 </div>
72
73 <!-- END AnythingSlider -->
74
33b2b13 @Mottie removed width & height options
Mottie authored
75 <br><br><br><br>
cb1dd4b @Mottie expand page
Mottie authored
76
14746b2 @Mottie changeBy option
Mottie authored
77 <h2>Half page width with two images showing</h2>
cb1dd4b @Mottie expand page
Mottie authored
78 <!-- Expanding AnythingSlider 50% width -->
79
80 <div id="wrapper2">
81 <ul id="slider2">
82 <li><img src="demos/images/slide-tele-1.jpg" alt=""></li>
83 <li><img src="demos/images/slide-tele-2.jpg" alt=""></li>
14746b2 @Mottie changeBy option
Mottie authored
84 <li><img src="demos/images/slide-env-1.jpg" alt=""></li>
cb1dd4b @Mottie expand page
Mottie authored
85 <li><img src="demos/images/slide-env-2.jpg" alt=""></li>
14746b2 @Mottie changeBy option
Mottie authored
86 <li><img src="demos/images/slide-civil-1.jpg" alt=""></li>
87 <li><img src="demos/images/slide-civil-2.jpg" alt=""></li>
cb1dd4b @Mottie expand page
Mottie authored
88 </ul>
89 </div>
90
91 <!-- END AnythingSlider -->
92
93 </body>
94
95 </html>
Something went wrong with that request. Please try again.