Image Manager Interface
Written by Joe Newlin
Attributes
This section is divided into 5 parts, each accessible by clicking on the named tab. The default tab display is of the Article Image section, which contains the fields that represent the main image attributes of the currently selected article image, or the image to be inserted into the article.Article Image
 |
| URL - The URL field represents the image's src attribute, and is the path to the image on the server. This should be absolute, ie: it should include the protocol and hostname in the url. Description - This represents the alt attribute, and defines a short description of the image. Title - Represents the title attribute, used as a text to display in a tool tip. Dimensions - The width and height of the image, in pixels. changing these values automaticaly updates the Style value. If the proportional checkbox is checked, changes to one value will automatically be affected on the other. VSpace and HSpace - Although this appears to represent the vspace (vertical space - defines white space on the left and right side of the image) and hspace (horizontal space - defines white space on the left and right side of the image) attributes, these attributes have been deprecated in HTML 4.01, and are therfore automatically replaced with the margin style when the image is inserted, eg: a vspace value of 5 is converted to margin-top: 5px and margin-bottom: 5px. Alignment - Represents the align attribute and specifies the image should be aligned according to the surrounding text. This has been deprecated and is therefore replaced with the style float if a value of left or right is selected. Border - Although this would appear to represent the border attribute, as this has also been deprecated, the chosen values are used to assign a border style to the image. If any of the values is set false (ie: 0 or none or blank) the border stlye is not inserted or an existing one is removed. Changes to the VSpace, HSpace, Alignment and Border attributes are all reflected in the sample image and text layout on the right of the attributes section |
Popup Image
 |
| Enable - Check this box to enable the Popup Image feature. When this box is checked and the Popup Image tab active, the next image selected will be inserted in the URL field. Compatability - Choose the popup compatability type, ie: the javascript library / script used to create the popup. With the exception of the JCE 1.0.x Popup option, each selection assumes that you have a mambot or extension installed that provides the necessary javascript to create the popup.URL - The absolute (full) url to the popup image. This can be typed in manually, or inserted using one of the popup creation methods. Caption/Title - A caption or title for the image. This will be displayed under the image in the popup. Image Group - You can associate popup images by assigning them to a group. Images in a group will be accessible through navigation options in the popup of any group image. |
Rollover Image
| |
| Rollover Image Checkbox - Check this box to activate rollover images. This wil enable all fields and allow you to enter in the values below. Once activated the current image will be placed in the Mouse out field and while this tab is visible, the url of the next image selected will be placed in the Mouse over field. Mouse over - Represents the mouseover event attribute. This is the image displayed when the mouse cursor is placed over the image. Mouse out - Represents the mouseout event attribute. This is the image displayed when the mouse cursor is moved off the image. This is also usually the defualt image. |
Tooltip
| |
| Enable - Check this box to enable the Tooltip feature. Uncheck to remove an existing tooltip. Title - An optional title for the Tooltip Text - The main text of the tooltip (plain text only, no HTML) |
Advanced
 |
| The Advanced tab includes optional attributes, or attributes (like the style attribute) that are added automatically. Some of these attributes are necessary or recommended for Accessibilty purposes. These are all standard HTML attributes for all elements. Style - Represents the style attribute to create an inline style definition. This field is automatically updated when vspace, hspace (converted to margin), width, height, alingment (converted to float) and border values are changed. Class List - Represents the class attribute in the form of a drop-down list of classes taken from your Joomla! template css file. New values can be added by clicking on the (value) entry. Id - Represents a unique id for the element. Language Direction - Sets the text direction, ltr (Left to Right) or rtl (Right to Left). Image Map - Represents the usemap attribute which defines the image as a client-side image map. Long Description - A URL to a document that contains a long description of the image. |
Browser
The Image Manager Extended Browser has the same basic features as theother 'Manager' plugins, and includes a few extra functions.
The main toolbar contains one extra button which toggles either an Image View
of the folder contents or a List View 
.The Images View requires you to Double Click on an image to transfer its properties to the Attributes section.
 | The Details section displays a thumbnail preview of the selected image, as wll as the image's width, height, size and modification date. A Create Thumbnail  or Delete Thumbnail  button is displayed in the Edit Toolbar, allowing those actions to be performed on the selected iamge.A Reize Image button  opens the Resize dialog, allowing you to resize images to a |
| < Prev | Next > |
|---|