Open the file /exercises/index.html
in your
browser. Use the file /exercises/js/slideshow.js
.
Your task is to take a plain semantic HTML page and enhance it with
JavaScript by adding a slideshow.
Move the #slideshow element to the top of the body.
Write code to cycle through the list items inside the element; fade one in, display it for a few seconds, then fade it out and fade in the next one.
When you get to the end of the list, start again at the beginning.
For an extra challenge, create a navigation area under the slideshow that shows how many images there are and which image you're currently viewing.