playground
/
ResponsiveSlides.js
mirror of https://github.com/viljamis/ResponsiveSlides.js
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Switch tabs to spaces

pull/21/head
Viljami S 13 years ago
parent
f650726cca
commit
527aea96f2
1 changed files with 47 additions and 71 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 118
      example/index.html

118
example/index.html
Unescape View File

@ -1,78 +1,54 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>ResponsiveSlides.js &middot; Responsive jQuery Slideshow</title> <title>ResponsiveSlides.js &middot; Responsive jQuery Slideshow</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="../responsiveslides.css" /> <link rel="stylesheet" href="../responsiveslides.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../responsiveslides.js"></script> <script src="../responsiveslides.min.js"></script>
<script> <script>
jQuery(function() { jQuery(function() {
// Slideshow 1 // Slideshow 1
$("#slides1").responsiveSlides({ $("#slides1").responsiveSlides({
maxwidth: 800 auto: true,
}); pagination: true,
fade: 500,
// Slideshow 2 maxwidth: 800,
$("#slides2").responsiveSlides({ speed: 4000
maxwidth: 800 });
});
// Slideshow 4
// Slideshow 3 $("#slides2").responsiveSlides({
$("#slides3").responsiveSlides({ auto: false,
auto: false, pagination: true,
maxwidth: 540 fade: 300,
}); maxwidth: 540
});
// Slideshow 4 });
$("#slides4").responsiveSlides({ </script>
auto: false,
fade: 3000,
maxwidth: 540
});
});
</script>
</head> </head>
<body> <body>
<div id="wrapper"> <div id="wrapper">
<h1>ResponsiveSlides.js</h1> <h1>ResponsiveSlides.js</h1>
<h2>Responsive jQuery Slideshow plugin that weights under 1kb</h2> <h2>Responsive jQuery Slideshow plugin that weights under 1kb</h2>
<!-- Slideshow 1 --> <!-- Slideshow 1 -->
<ul id="slides1"> <ul id="slides1">
<li><img src="1.jpg" alt="" /></li> <li><img src="1.jpg" alt="" /></li>
<li><img src="2.jpg" alt="" /></li> <li><img src="2.jpg" alt="" /></li>
<li><img src="3.jpg" alt="" /></li> <li><img src="3.jpg" alt="" /></li>
</ul> </ul>
<!-- Slideshow 2 --> <!-- Slideshow 2 -->
<ul id="slides2"> <ul id="slides2">
<li><a href=""><img src="1.jpg" alt="" /></a></li> <li><a href=""><img src="1.jpg" alt="" /></a></li>
<li><a href=""><img src="2.jpg" alt="" /></a></li> <li><a href=""><img src="2.jpg" alt="" /></a></li>
<li><a href=""><img src="3.jpg" alt="" /></a></li> <li><a href=""><img src="3.jpg" alt="" /></a></li>
</ul> </ul>
<!-- Slideshow 3 --> <a href="http://responsive-slides.viljamis.com/" id="download">See the documentation</a>
<ul id="slides3"> <p class="footer">ResponsiveSlides.js is created by <a href="http://viljamis.com">@viljamis</a>. It's released under the MIT license. If you have any questions or feedback you can use the <a href="https://github.com/viljami/ResponsiveSlides.js">GitHub project page</a>.</p>
<li><img src="1.jpg" alt="" /></li> </div>
<li><img src="2.jpg" alt="" /></li>
<li><img src="3.jpg" alt="" /></li>
</ul>
<!-- Slideshow 4 -->
<ul id="slides4">
<li><a href=""><img src="1.jpg" alt="" /></a></li>
<li><a href=""><img src="2.jpg" alt="" /></a></li>
<li><a href=""><img src="3.jpg" alt="" /></a></li>
</ul>
<p class="test">
mopmop
</p>
<a href="http://responsive-slides.viljamis.com/" id="download">See the documentation</a>
<p class="footer">ResponsiveSlides.js is created by <a href="http://viljamis.com">@viljamis</a>. It's released under the MIT license. If you have any questions or feedback you can use the <a href="https://github.com/viljami/ResponsiveSlides.js">GitHub project page</a>.</p>
</div>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save