Javascript Rollovers
and Slide Shows

Contents:

Image rollovers:

Introduction
Rollover example
Preloading images
HTML code for a rollover
Variations
Changing an image from separate links
Status bar messages
Using a .js file
Changing an image from another frame

Slide shows:

A manual slide show
A simple automated slide show
A form-based automated slide show

An object-based slide show
Slide show with no controls
Adding controls

Welcome to the latest incarnation of my javascript image rollover and slide show tutorial.

For those of you who have used this tutorial in the past, here are the major revisions I've made:

• I've revised the preloadImg() function slightly so that it tests document.images.

• I've revised the swapImg() function so that it accepts a variable number of arguments and so that it can display status bar messages.

• I've packaged preloadImg() and swapImg() into a .js file.

• I've developed an object-based slide show that you can use to very quickly create a slide show.