JavaScript for Web Developers: Understanding the Basics

© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2023

M. SimonJavaScript for Web Developershttps://doi.org/10.1007/978-1-4842-9774-2_4

4. Creating a Slide Show

Mark Simon¹  

(1)

Ivanhoe, VIC, Australia

 

In this project, we’re going to build a simple image slide show. This slide show will cycle through a predefined collection of images at a predefined rate. You’ll be able to start and stop it, both with the mouse and with the keyboard.

In the images folder, there’s a slides folder, and in the slides folder is a collection of image files, all ready to be presented in the slide show.

The slide show page will look something like Figure 4-1.

A screen shot of the slideshow page.

Figure 4-1

The image slide show