|
|
|
|
 |
Automatic Slide Show How do you fancy creating a timed slideshow effect of Web pages? It's easy! Click here to see what it does To get this week's scripting running, we're going to use two simple methods. The first is the Meta Refresh statement. Here's the line: <META HTTP-EQUIV="Refresh" CONTENT="10; URL=slide3.htm"> It's placed in the <head> section of your Web page, and there are two bits for you to edit: in the CONTENT= section, the "10" should be replaced with whatever number of seconds you wish the page to be displayed for before moving to the next page. In the URL= section, you put the filename of the next page to be shown. For simplicity, I've grouped all the "slides" in one directory, so there's no need to use the full URL in the form "http://www......." - you can simply use the filenames. The other method we use is the <body onBlur> statement. The actualy calling line is: <body onBlur=self.close(); > What that does is to close the current window once another window has focus. We'll call the slideshow at Slide 1, the code for which is in the next textarea And here's the link to start it all off. Have fun with it - but do check your timings - remember, a big picture download might take you beyond your ten seconds.
|
