Images:

MOSImage Control

As the title above suggests, this tab is the control section for any images that have been created throughout the Content Item.

Gallery Images: This is a display window of all the images currently available - by default in the top level of the joomla_root/images directory. Other folders and, therefore, images within the images directory will be viewable by changing to a sub-folder. See below.

Sub-folder: Select the folder that contains the required image from the drop down list of all folders contained within the joomla_root/images folder. The top level of the folder is represented by the '/' forward slash character (not - on this occasion - intended to represent the 'root' directory of Joomla!).

<<  >>: Select the required image and click the >> icon to transfer the image to the Content Images window. To remove an image from the Content Image window, click the << icon.

Content Images: The Content Images window displays all the images that have been selected to be displayed in the current Content Item. It must be remembered that the images will appear in the Content Item in the sequence they are displayed in this window. It is imperative, therefore, to adjust this list to ensure the right image is applied to the correct instance of the tag in the Content Item.

Up and Down: Once an image has been copied from the Gallery Images listing to the Content Items listing it is necessary to ensure that it occupies the correct position in the list. This position must relate to the relative number of the tag in the Intro or Main Text fields of the editor. So, if the current tag is the fourth in the Content Item its actual image must be fourth in this list as well. Use the Up and Down buttons to move a selected image up, or down, the list to ensure it is in the correct location.

Sample Image: The Sample Image field shows a representation of the image currently highlighted/selected in the Gallery Images listing.

Active Image: The Active Image field shows a representation of the image currently highlighted/selected in the Content Images listing.

Edit the image selected:

The following fields allow specific elements of the image to be configured.

Source: This is the internal URL of the image relative to the joomla_root/images directory.

Image Align: Select Left, Right, or Center to set the position of the image in the display page of the Content Item in relation to text wrapping. For example if Left is selected the text will wrap the image and appear to the right of the image. If text wrapping is not required and the image should appear on its own line select None.

Alt Text: To assist in accessibility of the web site it is recommended (particular if aiming for a standards compliant web site) to enter an Alternative Text description for the image. If for any reason the image file is unavailable, or the user has a text only browser, or is using a text reader, they will not be left completely without an idea of what is being or should be displayed at this location.

Border: Decide whether a border is required around the image to be displayed. The number entered here will be translated into the thickness of the line around the image in pixels.

Caption: If a caption is required to describe the image being displayed, enter the desired text here.

Caption Position: If a caption is entered in the previous field, decide where, in relation to the images position, the caption will be displayed. Select Top for it to appear above the image, select Bottom for it to appear beneath the image.

Caption Align: Select None. Left, Right, or center, to set the position of the caption in relation to the image. Selecting None will make the caption match the setting of the Image Alignment selected above.

Caption Width: It is a good idea to set this field to match the width of the image being displayed. Otherwise if the amount of text being displayed is quite lengthy it will alter the position of the image and mess up the layout of the displayed page. By setting this to the image width will ensure the text wraps to the next (and subsequent) lines.