How do I add non-standard images to a site?

Date: 26-Jul-2010

Images are managed through a centralised media system for a reason - consistant treatment of images maintains the site look and feel and maintains the professionalism of the site. However, if necessary an image of any size can be added to any page that supports HTML.

  1. Upload the required image to Media as a 'resource'. Because no server side optimisation is performed on 'resources' you are able to upload an image in any format you wish.
  2. Add an HTML image tag to the appropriate field in the admin where you wish the image to appear. The format for the image tag is  <IMG src="/uploads/res/imagename.jpg" alt="image alt text">
The image will align to the right, and all text will appear below the image as a matter of course. If you wish to align the image to the right or left of the column and have the text flow up beside the image then use the following html:
  • align right: <img class=" right pic" alt="image alt text" src="/uploads/res/imagename.jpg" />
  • align left: <img class="left pic" alt="image alt text" src="/uploads/res/imagename.jpg" />
Note: if the field has the WISYWIG the image tag must be included as 'source' otherwise it will simply appear as text in the page

to top