Preload Image

The Preload Image action forces the browser to cache specified images before the page displays. This is useful if there are images that don't display until after a user interacts with the page, such as a rollover image, or until a certain point in time. Although the page may take longer to load initially, preloaded images are immediately available when loading is complete. Preloading images enables rollover images to display faster when the viewer interacts with them, and DHTML animations and actions can immediately swap images.

Note: The rollover images referenced in a GoLive Rollover object are automatically preloaded. An additional Preload Image action is not required for it. An Image object with rollover states has a Preload option that can be selected in the Image Inspector.

Trigger the action with a browser-triggered event set to OnLoad. In the Head Action Inspector, choose Action > Image >Preload Image. Reference an image file you want to preload.

If you need to preload multiple images, rather than adding a new Head Action icon for each image, set up one Head Action icon with the Action Group action and add each Preload Image action to it. (See Action Group.)