Previous Tutorial:Image Slide
Show
Next Tutorial: New Image Everytime You Visit
the Page
To sound of the trumpets and the roll of the drums, we present the JavaScript Slide Show. By clicking on the buttons below you can move the pages forwards or backwards. This is a very convenient way to present information. The navigation is always in front of the user so they can move through the subject easily. If you click on the automatic button, then the pages will move by themselves.
This is very similar to the previous example which is an image slide show in a form. On this page we will give the code for the frame page:
< html>< head>< title>A JavaScript slide show using frames < /title>< /head>< frameset rows="74%,*"><!--This is the first page to load--> < frame name="main" id="main" src="slideshow0.htm" marginwidth="0" marginheight="0" target="_top" /><!-- This is the navigator page which does all the work. --> < frame name="bottom" id="bottom" src="slide-showNavigator.htm" height="0" />< noframes>< body>< /body>< /noframes>< /frameset>< /html> |
The code for the pages which are loaded here is standard, but the JavaScript code is in the page below and this is the one we will be looking at. So click on the forward to button below and let's start.
Next in series: A new image each time you visit the page
| [If you need to learn more about HTML visit the HTML Tutorial] |