Image Rollover Exercise

1. Using a graphics program (e.g. Flash, Photoshop, Fireworks, etc.) or an internet site (e.g. www.cooltext.com or www.gifworks.com) create two buttons that could be used as navigational buttons on a website.  (One would make the button into a link).  Create an alternate version of each button (the "over" state).

2. Create a web page with a link to this page from your list of homework assignments.  This web page should display the two buttons and display the alternate version of the button when the mouse is over the button.  Do this by writing JavaScript -- do not for example, use Dreamweaver to create the JavaScript for you.

3. Preload the "over version" of the buttons using JavaScript.  If possible, test your page in different browsers to determine whether the images are in fact being preloaded.  Remember that once you have tested a page in the browser, you will have to clear the cache of the browser if you want to look at the page again and see whether the images are being preloaded.