MULTIPLE EVENT ROLL-OVER TUTORIAL

Use the Browse button and find the file called "button_ov_elan" and click OK. Just click OK in the Select Image Source dialog box. This is really important; we don't want to click OK in the Swap Images dialog box at this point. We still have some work to do...

We still need to change two other images, starting with Blank1. So click on it like I'm doing here...

... and browse to the "animal_eland" file and click OK in the Select Image Source dialog box. Again, do not click OK in the Swap Images dialog box at this point because we still have one more image to add.

With the Swap Image dialog box still open select Blank2...

... and browse to the "text_eland" file. Choose OK in the Select Image Source dialog box like before and then you can click OK in the Swap Images dialog box which finishes the behavior.

Notice as we do these steps there are 3 asterisks in the dialog box. It's a little visual cue that you are making changes with/to these images.


The rest of them are done the same way.

  1. Click on the next button (in this case African Elephant) and then click on the plus sign in the Behaviors Panel.
  2. Choose Swap Image.
  3. Find the corresponding button (in our case "button_ov_af_elephant") and choose OK.
  4. Before closing the Swap Image dialog box click on Blank1, then browse to its image ("animal_elephant_african") and choose OK.
  5. Then click on Blank2, browse to its image ("text_af_elephant") and choose OK.
  6. It's at this point you can choose OK in the Swap Image dialog box.

Do this on the other buttons and viola! You have completed the steps necessary to produce multiple even roll-overs. In this case the images are on the large size. This would work on someone's monitor that was large or whose resolution/browser window size was adjusted to view images of this size easily.

© Bridgeway Design Services 2002