You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" / >
< title > AdaptiveSlides.js · Adaptive jQuery Slideshow< / title >
< meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.0;" / >
< link rel = "stylesheet" href = "styles.css" / >
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" > < / script >
< script src = "../adaptiveslides.pack.js" > < / script >
< script >
jQuery(function() {
// Slideshow 1
$("#slides").adaptiveSlides({ maxwidth:800 });
// Slideshow 2
$("#slides2").adaptiveSlides({ fade:300, auto:false, maxwidth:540, namespace: 'anotherslideshow' });
});
< / script >
< / head >
< body >
< div id = "wrapper" >
< h1 > AdaptiveSlides.js< / h1 >
< h2 > Adaptive jQuery Slideshow plugin that weights just ~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://adaptiveslides.viljamis.com/" id = "download" > See the documentation< / a >
< p class = "footer" > AdaptiveSlides.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/AdaptiveSlides.js" > GitHub project page< / a > .< / p >
< / div >
< / body >
< / html >
