Firstly to insert an image on a page you use the following code:
<img:url_of_your_image>
For example the code for the image above is as follows:
<IMG:img/new/sloakumElftown3.gif.256.0.jpg>
Showing the Code using !uQt!
To show the code as I have above use !uQt! inserted just before 'img'
For example to make the code <IMG:img/new/sloakumElftown3.gif.256.0.jpg> Show up one should use the following code:
<!uQt!IMG:img/new/sloakumElftown3.gif.256.0.jpg>
!uQt! can be used to render any code nonfunctional if entered in the right place. For example you can show the code for the link help by inserting !uQt! after the '@' symbol: [help@!uQt!wiki].
Resizing with links or thumbnails
Moving right along we now come to the sizing of images.
The following produce an image that has an altered size and links to the original image. This feature is useful for use as thumbnailing.
<IMG100:img/new/sloakumElftown3.gif.256.0.jpg>
produces:
As you can see, the width of the image has been changed to 100 pixels wide.
<IMG100*100:img/new/sloakumElftown3.gif.256.0.jpg>
produces:
making both the width and height equal to 100 pixels.
To change only the height of the image, leaving the width proportional to the height use the following:
<IMG*100:img/new/sloakumElftown3.gif.256.0.jpg>
Producing:
Making the image have a height of 100 and a proportional width.
Resizing without links
From time to time one may wish to resize an image without making it a link. Such as altering the size of a graphic devider. There is no reason to make a link to the original image in such a case. [Unfortunately this doesn't appear to work for images that are not hosted on Elftown.]