383134a294cefdb68d67d3b24313eeada93aa449
   1# Simple JavaScript Slideshow
   2
   3This is a very basic slideshow made in JavaScript - no jQuery or other libraries.
   4
   5See slideshow.html for an example. To use, insert the HTML structure and link slideshow.css and slideshow.js.
   6
   7## Features
   8
   9- Auto advance (default 3 seconds, but you can change `INTERVAL` in slideshow.js or in the HTML)
  10- Pause on hover and manual pause
  11- Scroll through slides with buttons or dot indicator at bottom
  12- Captions
  13- Semantic HTML (each slide is a `<figure>` consisting of an `<img>` and `<figcaption>`)
  14- Sensible behaviour when JS is disabled (static first slide)
  15- Works with different sizes/aspect ratios and different length captions (set width or max-width of outer div, then slide heights are driven by the the height of the first slide at full width)
  16- Works well at all screen sizes and can be styled with basic CSS
  17
  18## Todo
  19
  20- Initialise slideshows with JS object
  21- Support for multiple slideshows per page