Behaviors > Using the behavior actions that come with Dreamweaver > Preload Images

 

Preload Images

The Preload Images action loads images that do not appear on the page right away (such as those that will be swapped in with timelines, behaviors, or JavaScript) into the browser cache. This prevents delays caused by downloading when it is time for the images to appear.

Note: The Swap Image action automatically preloads all highlight images when you select the Preload Images option in the Swap Image dialog box, so you do not need to manually add Preload Images when using Swap Image.

To use the Preload Images action:

1 Select an object and open the Behaviors panel.
2 Click the Plus (+) button and choose Preload Images from the Actionspop-up menu.
3 Click Browse to select an image file to preload, or enter the path and file name of an image in the Image Source File field.
4 Click the Plus (+) button at the top of the dialog box to add the image to the Preload Images list.
Note: If you do not click the Plus button before entering the next image, the image you have just chosen will be replaced in the list with the image you choose next.
5 Repeat steps 3 and 4 for all remaining images that you want to preload on the current page.
6 To remove an image from the Preload Images list, select the image in the list and click the Minus (-) button.
7 Click OK.
8 Check that the default event is the one you want.
If it isn't, choose another event from the pop-up menu. If the events you want are not listed, change the target browser in the Show Events For pop-up menu.