ResponsiveSlides.js/example/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>ResponsiveSlides.js &middot; Responsive jQuery Slideshow</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <link rel="stylesheet" href="styles.css?v1.03" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  <script src="../responsiveslides.min.js"></script>
  <script>
    jQuery(function() {

      // Slideshow 1
      $("#slides").responsiveSlides({
        maxwidth: 800
      });

      // Slideshow 2
      $("#slides2").responsiveSlides({
        fade: 300,
        auto: false,
        maxwidth: 540
      });

    });
  </script>
</head>
<body>
  <div id="wrapper">
    <h1>ResponsiveSlides.js</h1>
    <h2>Responsive jQuery Slideshow plugin that weights under 1kb</h2>

    <!-- Slideshow 1 -->
    <div id="slides">
      <img src="1.jpg" alt="" />
      <img src="2.jpg" alt="" />
      <img src="3.jpg" alt="" />
    </div>

    <!-- Slideshow 2 -->
    <div id="slides2">
      <img src="1.jpg" alt="" />
      <img src="2.jpg" alt="" />
      <img src="3.jpg" alt="" />
    </div>

    <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>
</html>
Adds example 13 years ago			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8" />`
New plugin name. 13 years ago			`<title>ResponsiveSlides.js · Responsive jQuery Slideshow</title>`
Fixes the viewport meta tag. 13 years ago			`<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />`
Change $pagination to use 'tabsClass' 13 years ago			`<link rel="stylesheet" href="styles.css?v1.03" />`
Adds example 13 years ago			`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>`
namespace --> nspace 13 years ago			`<script src="../responsiveslides.min.js"></script>`
Adds example 13 years ago			`<script>`
			`jQuery(function() {`

			`// Slideshow 1`
Makes the js a bit more readable 13 years ago			`$("#slides").responsiveSlides({`
			`maxwidth: 800`
			`});`
Adds example 13 years ago
			`// Slideshow 2`
Makes the js a bit more readable 13 years ago			`$("#slides2").responsiveSlides({`
			`fade: 300,`
			`auto: false,`
Remove namespace option from the demo. 13 years ago			`maxwidth: 540`
Makes the js a bit more readable 13 years ago			`});`
Adds example 13 years ago
			`});`
			`</script>`
			`</head>`
			`<body>`
			`<div id="wrapper">`
New plugin name. 13 years ago			`<h1>ResponsiveSlides.js</h1>`
Makes the js a bit more readable 13 years ago			`<h2>Responsive jQuery Slideshow plugin that weights under 1kb</h2>`
Adds example 13 years ago
			`<!-- Slideshow 1 -->`
			`<div id="slides">`
			`<img src="1.jpg" alt="" />`
			`<img src="2.jpg" alt="" />`
			`<img src="3.jpg" alt="" />`
			`</div>`

			`<!-- Slideshow 2 -->`
			`<div id="slides2">`
			`<img src="1.jpg" alt="" />`
			`<img src="2.jpg" alt="" />`
			`<img src="3.jpg" alt="" />`
			`</div>`

New plugin name. 13 years ago			`<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>`
Adds example 13 years ago			`</div>`
			`</body>`
			`</html>`