Changing the Properties of an Image

5-4 Oracle Fusion Middleware Users Guide for Site Studio Contributor

5.5 Changing the Properties of an Image

You can change the properties of an image, including its height, width, and border using the image properties dialog in Contributor. To change the properties of an image, perform these tasks: 1. Place your mouse cursor anywhere on the image.

2. Right-click, and select Image Properties from the menu.

The Image Properties dialog is displayed Figure 5–5 . Figure 5–5 Image Dialog

3. Specify or edit each image property as required:

■ Image Info tab: – URL: This is the URL of the image on the content server. You can use the Browse Server button to select a different image to replace the current one. – Alternative Text: This is the alternative text of the image that is, the value of the Alt attribute value of the IMG tag. The default is the title of the image on the content server. See the notes below for typical uses of alternate text. – Width : Specifies the width of the image in pixels. The default is the actual image width. – Height : Specifies the height of the image in pixels. The default is the actual image height. Working With Images 5-5 – Border : Specifies the size of the border around the image in pixels. – HSpace : Controls the horizontal spacing on the left and right sides of the image in pixels. – VSpace : Controls the vertical spacing on the top and bottom sides of the image in pixels – Align : Aligns the image with other items on the page left, middle, right, top, and so on. The preview area shows how the image aligns using the current settings. ■ Advanced tab for advanced users: – Id: Specifies the ID of the image. – Language Direction: Sets the language direction of the image: left to right LTR or right to left RTL. – Language Code: Specifies the language code of the image for example, en, de, fr. – Long Description URL: Specifies the description of the page. – Stylesheet Classes: Specifies the name of the CSS class for the image that is, the class attribute value of the IMG tag. – Advisory Title: Specifies the description of the target object. – Style: Specifies the style.

4. Click OK to close the dialog.

Considerations ■ Many of the settings in the image properties form height, width, border, horizontal spacing, and vertical spacing specify their values in pixels. For more information about pixels, contact your site designer or site manager. ■ The alternative text for an image can be quite useful. By using the alt attribute value, you can ensure that alternate text displays when you hover the mouse over the image or the image does not display properly on the web page. In addition, this works for most screen reader programs, which are used by the visually impaired.

5.6 Deleting an Image