Building an image slideshow control


show more Building an image slideshow control provides you with in-depth training on Developer. Taught by Joe Marini as part of the HTML5: Graphics and Animation with Canvas show less
please wait ...

Building an image slideshow control

So we have reached the point now where we can use what we've learned on the HTML5 canvas to start building some real live useful stuff and one of the first things that we are going to build is a slideshow. So let me show you what the slideshow looks like when it's finished. So this is a fairly typical slideshow. You can see the images are rotating. There are four of them. So when we reach the last one, after a few seconds it goes back to the first one. These images are all being drawn on a canvas, and there is a few-seconds delay between each one.

So let's see how to go and build this. So I'll close this, and we will open up the start version in my editor. So this is SlideShow_start. Let's go over to the snippets. You can see this is way the snippets are. I am under the Slideshow section. So let's get started building the slideshow. So I have got an empty document here with a placeholder for the script. So I am going to copy these first few lines and paste them in.

So thi...

Building an image slideshow control
Video duration: 4m 24s 3h 7m Intermediate

Viewers:

Building an image slideshow control provides you with in-depth training on Developer. Taught by Joe Marini as part of the HTML5: Graphics and Animation with Canvas

Subjects:
Developer Web
Software:
HTML
Author:
please wait ...