Insert an image
Image Info
URL
URL is the path to your image. You can either manually type or paste the path into the URL textbox, or select an image from the File Manager using the Search with file manager link.
If your linking to an image on another website, you will need to enter in the full path of that image, including the domain name.
Alt/Title Text
Good SEO users place descriptive text into the Alt Text and Title elements of images. This allows Google to work out what the image contains. You should always fill this in.
Width & Height
Pretty descriptive already, allows you to fix the Width and Height element of the image if you want to override the default size. By default, the size is in pixels.
Maybe an alternative is to upload the image size you want to the file manager, or resize the image using the File Manager Image Editing tool.
Border
Enter the number of the border size you want. This is in pixels by default. If left blank, then the template will handle the border.
HSpace
Entering a number here will place a margin on the right and left of the image in pixels.
VSpace
Entering a number here will place a margin on the top and bottom of the image in pixels.
Align
Align the image to the left or right. Leaving it not set will allow the template to decide, which normally defaults to the left for English websites.
Link
A simpler version of the Link Dialog, which will allow users to click on the image to be taken to another page or site. The URL is the path to the page or file you want to link to. The Target would allow you to decide where the link opens up. View the Link Dialog for a more detailed description.
Advanced
The Advanced tab, allows you to customise the image to either look or work differently. Only alter these if you know what you are doing. If you are unsure, then please contact the BW team who will be happy to help.
ID
Allows you to add an ID to the image. This might reference an ID within the template to change the style, or might be referenced within Javascript. ID's need to be unique to the page.
Language Direction
Sets the text direction, although this normally has no effect on the text as the Template overrides this setting.
Language Code
Allows you to assign a different language code to this image if maybe this is in a different language. A full list of codes can be found on the W3 Language Code Page
Long Description URL
Sets the URL of the longdesc attribute. The longdesc is a link to a file or page that has a detailed description of the image.
Read more about this attribute on the W3 longdesc Attribute page.
Stylesheet Classes
Here you can assign classes to the image. Much like the ID's in the earlier option, but these do not need to be unique. You can also assign more than one class, just by separating them by a space. Classes can then be used to style via the template, or may be used within Javascript.
Advisory Title
Basically this is just the title element. The same kind of title that is used for links, and will appear as a tooltip when the mouse hovers over the image.
Style
Manually enter css style into this to override any style currently assigned to this image via templates or scripts. The css you enter here will need to be valid, and will be attached to the image element.
More Information
If you want to read more about the HTML of images, you can visit the W3 Schools documentation on images.