Moving ImageReady Rollover Code
As I detailed on the Lesson 2 Example page, sometimes you need to have more control of your tables and working with ImageReady code can be very difficult due to the complex tables it creates.

If you want to hand code your pages, you will want to copy the Rollover code that ImageReady creates, unless you are adept at writing Javascript.

There are three parts to the rollover code that you will need to copy.

ImageReady Preload Script
In ImageReady, Save Optimize As to create an HTML page. Locate the ImageReady Preload Script. It is enclosed by:

<!-- ImageReady Preload Script (name_of_file.psd) -->
<!-- End Preload Script -->

Copy all the text between and including the two above Tags.

Paste this text into your target HTML page right before the closing head tag (</HEAD>)

ONLOAD statement
The ONLOAD statement is in the opening < BODY > Tag. Copy the ONLOAD statement from the O through the closing quotation mark. In your target HTML page, insert the cursor in the Body Tag before the closing >, type a space and paste.

Slices
Locate the Slices that are enclosed by:

<!-- ImageReady Slices (name_of_file.psd) -->
<!-- End ImageReady Slices -->

Copy all the text between and including the two above Tags.

Paste the text into the HTML somewhere between the opening and closing Body Tags.

instructor: Corrine Haverinen  voice mail: 707.527.4999 X9206
e-mail: haveart@sonic.net