About the Advanced Image Module

Advanced Image provides the means to display a single image or multiple images within a single module.  Images may be displayed in columns or rows.  You may set the number of images allowed in each column or row.  Images may be given titles, as well as descriptive text captions.

The size of the image displayed on the page may be set to any value, regardless of the size of the original image .  If the image is resized to a smaller value, only the resized image is delivered to the viewers browser.  This may substantially reduce the time that it takes for a page to load.  If the viewer wishes to view the original image, clicking on the image will open the original, full sized image.

By default, multiple images are displayed in alphabetical order.  An indexing field provides the means to set a custom order. A supplemental description can be set to appear either on mouseover.

A display settings page provides the means to set display properties for the module.  This may provide additional uniformity as these settings replace the settings for individual images.

Add Image

1. Add a Advanced Image  module, or go to an existing Advanced Image module.
2. Click Add Image.
3. Select the folder that contains the image that you want to add, then select the image.  You may choose to up load a new image.  You may do this by clicking on Upload New Image.
4. At Title, enter the title for the link.
5. At Description, enter a description of the image.  See the help file for the TEXT/HTML module for help on the description editor.
6. Select Width or Height if you wish to display the image at a size different than that available in the portal. If you want to display the image without resizing, select Full Sized.
7. If you have elected to resize the image, enter the maximum height /width in pixels.
8. To see the new image dimensions, Click to update Height x Width values.
9. At Image Alt. Text: enter a description.  This will appear when the mouse is over the image.
10. At View Order enter the position that this image is to appear if alphabetical order is not desired.
11.  The checkbox Click to View Full Image in New Window by default is set to open a new window to display the full sized image.  remove the check to disable this feature.
12. Click update to finish and view the image.

Upload Image

1. Select Upload Image from the menu.
2. By default Do Not Resize GIFs and Do Not Enlarge Images are checked.  Removing these checks may result in unsatisfactory image quality.
3. Select the image resizing option that you desire.
   A)ÂDo not Resize Image option does not resize the image.
   B)ÂResize Image provides a drop down list of common image dimensions for you to choose from.
   C)ÂCustom Value allows you to enter your own value.
       1.ÂMaximum Width -ÂWhen selected the image will be proportionally resized with the width set to your custom value.
       2.ÂMaximum Height - When selected the image will be proportionally resized with the height set to your custom value.
       3.ÂMaximum Side - The largest dimension will automatically be selected and that side will be assigned your custom value.
4. If resizing has been selected, enter the desired value.
   Note:  It is generally best to resize images to the smallest size that will produce all desired results.  This reduces the amount of server space used as well as improving performance when the image is rendered on the page.
5. At File Location select the folder that you wish to place the image.
6. Select Browse and select the image that you wish to upload.
7. Check Save Uploaded File to upload, resize, and save the new image.

Display Settings

1. Select Settings from the menu.
2. Click the "+" to expand Display Settings.
3. At Display Format select to display multiple images horizontally or vertically.
4. At Repeat Columns select the maximum number of images that you wish to appear Horizontally or vertically (Set in 3 above) before a new row or column is started.
5. At Display Description set how you want the image descriptions displayed.
   A)ÂDo Not Show Description hides the descriptions for all images in the module.
   B)ÂShow Link to Description - a continuation link "....." appears below the image, clicking the link toggles the description file.
   C)ÂAlways Show Description - The description text is always shown if there is any.
6. At Image Resizing select:
   A)ÂIndividually Sized Images - The image size properties as set by editing the individual image and setting the size there.
   B)ÂDisplay All Images With Uniform Sizes -  This setting Overrides any size settings previously applied when editing an individual image. (Note:  The original settings are not deleted.  They simply will not work as long as this option is selected.)
7. The checkbox for Do Not Resize GIFs is checked by default. Removing this check may result in unsatisfactory image quality.
8. At Select Resize Option select the resizing option desired.
   A)ÂDo not Resize Image option does not resize the image.
   B)ÂResize Image provides a drop down list of common image dimensions for you to choose from.
   C)ÂCustom Value allows you to enter your own value.
       1.ÂMaximum Width -ÂWhen selected the image will be proportionally resized with the width set to your custom value.
       2.ÂMaximum Height - When selected the image will be proportionally resized with the height set to your custom value.
       3.ÂMaximum Side - The largest dimension will automatically be selected and that side will be assigned your custom value.
9. At Click here to reset Advanced Image settings to Default values - Clicking on this link resets all display settings to their default values.
10. At Update - click to save your new settings.
11. At Cancel -  Click to cancel any changes and use your previous settings.
12. At Delete - Click to delete the module and send it to the Recycle Bin.