|
Documentation -
Image Manager Extended
|
|
Wednesday, 09 May 2007 14:33 |
The Image Manager Extended interface, like all standard 'Manager' plugins,
consists of 2 sections, the Attributes section, and the Browser section.
AttributesThis 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 the other '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 any dimensions.
|
|
|
Last Updated on Monday, 11 August 2008 16:46 |
News Feed
Documentation (WIP)