If your Web page is dull or too crowded with images, you might consider storing your images in a slide show. Using dynamic images that change over time can add interest and increase how much you are able to show with limited space. While there are innumerable approaches to creating dynamic images within a Web page, perhaps the most straightforward is by using the simple collection of coding methods collectively known as HTML5.
The Dynamic Web
The JQuery Library
A Slide Show Script
You can set up a simple image swap using CSS and a short script. First, in your HTML page, display your images with code that looks like this:
In the header, define the style class "current":
After the closing body tag (