Skip to content

Instantly share code, notes, and snippets.

@stanwilsonjr
Last active December 16, 2015 19:10
Show Gist options
  • Save stanwilsonjr/5483357 to your computer and use it in GitHub Desktop.
Save stanwilsonjr/5483357 to your computer and use it in GitHub Desktop.
Slideshow JS
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SlideShow</title>
<link rel="stylesheet" href="base.css">
<script type="text/javascript" src="slideshow.js"></script>
</head>
<body>
<img id="image-1" src="http://lorempixel.com/500/300/city/1/" alt="">
<img id="image-2" src="http://lorempixel.com/500/300/city/2/" alt="">
<img id="image-3" src="http://lorempixel.com/500/300/city/3/" alt="">
<img id="image-4" src="http://lorempixel.com/500/300/city/4/" alt="">
<img id="image-5" src="http://lorempixel.com/500/300/city/5/" alt="">
<img id="image-6" src="http://lorempixel.com/500/300/city/6/" alt="">
<img id="image-7" src="http://lorempixel.com/500/300/city/7/" alt="">
</body>
</html>
/*******************
*
* Write a simple slideshow page
* Requirements: Use Vanilla Javascript, HTML & CSS
* Bonus points if it does not use JS.
*
***********************/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment