Images & Docs

Images & Document Manager

All images and documents are managed from the Image & Document Manager. The web pages for you website are not contained here.

Folders can be added and deleted with exceptions. Only folders that are empty may be deleted. The root folder cannot be deleted empty or otherwise.
Files must be uploaded from your local computer before they can be used on the website. Select browse to find the file on your local computer’s hard drive. Once you’ve found the desired image select it and the file will populate the input box. Now, click upload to upload that file. You may also upload multiple files by selecting the “Upload Multiple” button. This will open a dialog that would allow you select multiple files at a time to upload.
Any jpg image can be resized. Check the files (7) that you would like to resize. Input the size to resize to in pixels. The resize will resize to the long side of the target image. You have the option of resizing the existing image or resize the image as a new one. Once your selections are made, click the resize button to process the request. The resize will physically resize the image’s dimensions and recompress the image, so the file size will change as well. You should only resize images to a smaller size than the original, never larger.
Select the files you would like to delete and press delete selected to remove them. There is no recovery from this operation. You should only delete images that are not being used, as indicated in the list view (7).
To move or copy files from one folder to another, check the files and select “Move To” or “Copy To”, select the destination folder and press the “Move/Copy Files” button. VSM tools will update all references to the files that have been linked to or images inserted into pages, so that no pages will break.
The folder structure is listed here. If the folder is also a gallery it will be indicated by camera/folder icon.
The file results list will display the name of the file (clicking the name will display the full path to the image), the if “used” and how many times (clicking this number will display where the image is inserted), preview of the image (click for actual size) and the edit image button. The Edit button is only available for images and will open the image editing program.
To edit a gallery select the gallery from the dropdown list. The add gallery button is not available on the root directory and a gallery can only be added to a folder that contains images. To create a new gallery, create a new folder first, select the new folder then click the create gallery button. Both the edit and create gallery will the Gallery Manager detailed next.

[BACK TO TOP]

Gallery Manager

View Video

The gallery manager allows you to quickly create image slide shows, tile displays and advanced image presentations.

This is the name of the gallery and ideally should be the name of the folder the gallery is created for from the Image & Document Manager.
Set the maximum size thumbnail size in pixels. This will resize the thumbnail based upon the longest side.
The large image size is set in pixels and is built the same as (2).
Set a default message if you would like it to display if the description (7) is blank.
There are a number of themes to choose from that will change the appearance of the gallery on the page.
There are four types of galleries to choose from and each have specific attributes that can be set for them:
1. Tile gallery which displays images in columns and rows
2. Sanford gallery will display the large image in a slideshow above with thumbnails scrolling below
  1. Set the starting image as random or the first in the gallery list
  2. The delay of the slideshow can be set from 2 – 25 seconds
  3. Set start to Y if you want the slideshow to autostart
3. Slideshow gallery type only displays the large view with no thumbnail display and has similar attributes to the Sanford gallery
4. The Flash gallery uses flash to display a highly refined gallery display. The options for the flash gallery are:
  1. Delay: time between slides 2-25sec
  2. Start: set to Y to auto start slide show
  3. Round: check to round edges
  4. Shadow: check to add drop shadow
  5. Control: check to add play controls
  6. Thumb: select location of thumbnail display
  7. Caption: select caption display location
  8. BgColor: select background color
This will display the images and image properties contained within the gallery. From the left displayed is the max thumbnail size image, image title and link, description, display order (click the up arrow to move the image up and the down to move down), edit settings (to edit the title/link and description) and delete.

Once you’ve completed the changes that you’ve made, click the save gallery settings to save the values. You may also delete the gallery from this view.

[BACK TO TOP]