| Geelongweb.COM.au - Website Design . Hosting . Programming

Inserting images

Inserting images on your pages is a 2 step process . . .

(1) Upload the images to the webserver

You need to upload the image FROM your computer TO the webserver.


A popup window will let you choose the file(s) from your computer, and then

[if you hace chosen option 2] it will create a 'High Res' version @ 550 pixels wide in the /_edit/Images_Hr directory, and also a thumbnail image @ 150 pixels wide in the /_edit/Images directory. You can easily alter these defaults, or depending on your site's configuration thay may have already been changed.

(2) Place the image on your page

Once the image is uploaded to the site, you can then place it on a page . .

ADMIN > CONTENT . . Open the required page by clicking on it's name.

In the editing window, position your cursor [on the lefthand side] where you want the top of the image to start.

Then click on the Green Tree icon 'Inset/edit Image' [2nd row of icons]. This will bring up a popup where you can firstly select the directory where you uploaded the required image to.

You will then get a display of all the available images. Click on the required image.

That should position that image at the bottom of that popup window where you can change the appearance [left/right etc]

Select 'Insert' and the image will be put on your page.

Remember to "Save the page"

Sometime positioning images can be a bit tricky particularly if you want text to flow around the image. Please do not hesitate to contact us if you need help.


Automatic Galleries

You can display an automatic gallery of images [see example below] by adding &Gallery=/edit/gallery_directory/ to the required page URL

As high resolution images are uploaded to your gallery directory they will be displayed as a gallery, where the first image is displayed at a large size and all the other images display as small thumbnails. Clicking on any thumbnail loads that image while clicking on the main images, or the arrows to the left and right, loads the next or previous image.

The size of the images and the direction arrows etc is controlled by the CSS styles - .galleryThumbnail / #Gallery_Image / #goBackCell / #goForwardCell