Sunday, December 28, 2014

How to work with Preload Images action in Dreamweaver?

                                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 Prelod Images action:
1.                  Select an object and open the Behaviors panel.
2.                  Click the plus (+) button and choose Preload Images form the Actions pop-up menu.
3.                  Click Browser to select an image file to preload, or enter the path and filename 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 is 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.

Show-Hide Layers
            The Show-Hide Layers action shows, hide, or restores the default visibility of one or more layers. This action is useful for showing information as the user interacts with the pate. For example, s the user rolls the mouse pointer over an image of a plant, you could show a layer that gives details about the plant’s growing season and region, how much sun it needs, how large it can grow, and so on.
            Show-hide Layers is also useful for creating a prelod layer-that is, a large layer that obscures the contents of the page at first and then disappears when all the page components have finished loading.

            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 Prelod Images action:
1.                  Select an object and open the Behaviors panel.
2.                  Click the plus (+) button and choose Preload Images form the Actions pop-up menu.
3.                  Click Browser to select an image file to preload, or enter the path and filename 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 nedxt 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 is isn't  choose another event from the pop-up menu. If the events you want are not listed, change the target browser in th Show Events For pop-up menu.

Show-Hide Layers
            The Show-Hide Layers action shows, hide, or restores the default visibility of one or more layers. This action is useful for showing information as the user interacts with the pate. For example, s the user rolls the mouse pointer over an image of a plant, you could show a layer that gives details about the plant’s growing season and region, how much sun it needs, how large it can grow, and so on.
            Show-hide Layers is also useful for creating a prelod layer-that is, a large layer that obscures the contents of the page at first and then disappears when all the page components have finished loading.

To use the Show-Hide Layer action:
1.                  Choose > Insert layer or click the Layer button in the Insert bar, and draw a layer into the Document window.
Repeat this step to create additional layers.
2.                  Click in the Document window to deselect the layer, then open the Behavior panel.
3.                  Click the plus (+) button and choose Show-Hide Layers from the Actions pop-up menu. If Show-Hide Layers in unavailable, you probably have a layer selected. Because layers do not accept events in both 4.0 browsers, you must select a different object-such as the body tag or a link (a tag)- or change the target browser to IE 4.0 in the Show Events For pop-up menu.
4.                  From the Named Layers list, select the layer whose visibility you want to change.
5.                  Click Show to Show the layer, Hide to hide the layer, or Default to restore the layer’s default visibility.
6.                  Repeat steps 4 and 5 for all remaining layers whose visibility you want to change at this time.(You can change the visibility of multiple layers with a single behavior.)
7.                  Click OK.
8.                  Check that the default event is the one you want.

1.                  Choose > Insert layer or click the Layer button in the Insert bar, and draw a layer inb th Document window.
Repeat this step to create additional layers.
2.                  Click in the Document window to deselect the layer, then open the Behavior panel.
3.                  Click the plus (+) button and choose Show-Hide Layers from the Actions pop-up menu. If Show-Hide Layers in unavailable, you probably have a layer selected. Because layers do not accept events in both 4.0 browsers, you must select a different object-such as the body tag or a link (a tag)- or change the target browser to IE 4.0 in the Show Events For pop-up menu.
4.                  From the Named Layers list, select the layer whose visibility you want to change.
5.                  Click Show to Show the layer, Hide to hide the layer, or Default to restore the layer’s default visibility.
6.                  Repeat steps 4 and 5 for all remaining layers whose visibility you want to change at this time.(You can change the visibility of multiple layers with a single behavior.)
7.                  Click OK.
8.                  Check that the default event is the one you want.