Creating Disjointed Rollovers

In Lesson 6, you learned to use the Button Editor to create rollovers in which one image is swapped out for another image when the user moves over it. A disjointed rollover is an image that changes when the user moves the pointer over a completely different image.

On your home page, you want to display your monthly specials. As the user rolls over a month name, you want a new image to appear within the white square.

Disjointed rollovers use frames to store the rollover images. In this lesson, you learn how to add the frames and import the rollover images.