<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" / >
< title > ResponsiveSlides.js · Responsive jQuery Slideshow< / title >
< meta name = "viewport" content = "width=device-width,initial-scale=1" / >
< link rel = "stylesheet" href = "../responsiveslides.css" / >
< link rel = "stylesheet" href = "demo.css" / >
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" > < / script >
< script src = "../responsiveslides.min.js" > < / script >
< script >
$(function () {
// Slideshow 1
$("#slides1").responsiveSlides({
maxwidth: 800
});
// Slideshow 4
$("#slides2").responsiveSlides({
auto: true,
pagination: true,
fade: 300,
maxwidth: 540
});
});
< / script >
< / head >
< body >
< div id = "wrapper" >
< h1 > ResponsiveSlides.js v1.2< / h1 >
< h2 > Simple & lightweight responsive slideshow plugin (in 1kb)< / h2 >
<!-- Slideshow 1 -->
< ul id = "slides1" >
< li > < img src = "1.jpg" alt = "" / > < / li >
< li > < img src = "2.jpg" alt = "" / > < / li >
< li > < img src = "3.jpg" alt = "" / > < / li >
< / ul >
<!-- Slideshow 2 -->
< ul id = "slides2" >
< 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 >
< 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 >
< a href = "https://github.com/viljamis/ResponsiveSlides.js" class = "github" > < img style = "position: absolute; top: 0; right: 0; border: 0;" src = "https://a248.e.akamai.net/assets.github.com/img/4c7dc970b89fd04b81c8e221ba88ff99a06c6b61/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt = "Fork me on GitHub" > < / a >
< / body >
< / html >
