 |
 |
||||
|
What is a rollover? |
A rollover is a visual change that occurs when there is a mouse action over a defined area of a web page. (The area can be either an image map area or a slice.) You can associate different changes with different mouse actions, including over, down, click, up and out. For example, you might have a link that you want to highlight when the user rolls over it with the mouse. Or you might want a button that changes color when the user points to it, and stays indented after the user clicks on it. Each of these graphical changes is called a “state” and is associated with a specific mouse action. Every slice and image map area begins life with one state, called Normal, which is what you see when no rollover is defined or the rollover isn't activated. You can create other rollover states to suit your needs. (In the next lesson you'll learn how.) Interestingly, a rollover state can change more than just the graphic element that the mouse points to. For example, you can define a rollover that displays different pictures in the middle of the page based upon buttons across the bottom of the page. These are called secondary rollovers.
|
||||
|
|
|||||
| How does it work? |
As you know, when ImageReady saves a document, it creates an HTML file and a collection of associated graphics files. If rollover states are defined, each one is stored as a separate graphic. ImageReady adds JavaScript code to the HTML file that swaps the various graphics files depending upon the mouse behavior. |
||||
|
|
|||||
|
Copyright © 2002, Bloomsburg University Virtual Training Help Center. |
|||||
 |
 |
 |
|
 |
 |
