You are here: Contributors Reference > The CommonSpot Image Editor and Gallery > Image Properties

 

Image Properties

The Image Properties dialog is one of CommonSpot’s common dialogs that is available from any element that renders an image (image grid, text-around-an-image, the Rich Text Editor, and so on) or directly from the Image Gallery.

This dialog provides a convenient and common interface for managing the properties of an image. From this dialog, contributors can:

Depending where the Image Properties dialog was invoked, it may or may not display all of the fields shown below.For example Rollover Image option is not available from this dialog when invoked within the Rich Text Editor, the option for specifying a is not provided.

When no image is specified, the contributor is prompted to either upload a new image or select an image from the existing Image Gallery.

Clicking the Choose button displays the Image Gallery dialog, allowing the user to choose an image from a gallery of “public” uploaded images or any image previously uploaded by the current user.   Clicking the New button displays the Upload New Image dialog, allowing the user to upload an image that is stored locally to the server, and include it in the Image Gallery (either for public or private use). If an image had been previously specified, the Image Properties dialog renders in a slightly different fashion, showing a an image preview in the left side panel with property information. 

In addition to Choose and New buttons, the Edit option invokes the Edit Image Properties dialog for uploading a new version of the image.

 

Note: There is an important difference between uploading a new image via the New button and uploading a new version via the Edit button. CommonSpot tracks versions of an image and when a new version is uploaded all reference to the image will show the new version.

The Image Properties dialog displays the following sections:

Roll Over Image

You can choose to have a second image render when a viewer “rolls-over” the image with the mouse. Specify the image in the same manner as the primary image, by selecting an image from the Image Gallery or upload a new image file. When you have an image on a page (a “primary” image), you can specify a second image to use for “rollovers.” A rollover image appears whenever a visitor hovers the mouse cursor over the primary image. Whenever the visitor moves the mouse cursor off the rollover image, it reverts back to the primary image. You can specify a rollover image, from the Image Properties dialog, shown below. This wizard will take you through a second round of image selection.

When you have entered an image file name, click Next to go on to the Image Size dialog, where you specify the size the image will appear on the Web page.

Image Size

The settings that are related to the sizing of the image are conveniently displayed in the wizard window, settings such as original size, scaled size, border size, vertical spacing and horizontal spacing around image. To edit any of these settings, click the ‘Edit…’ button next to the ‘Image Size’ section.  This will invoke the Image Size dialog.  Once you have made your edits, click the ‘OK’ button to continue.

If you have uploaded an image using a version of CommonSpot prior to v3.1 and your image size is unknown or has a width or height of 0 pixels, it is also recommended that you click the ‘Rescan Image Size’ button. This will ensure that the size of the image is properly obtained from the image.  This step is should not be necessary if you are using CommonSpot 3.1 or above.

Alternate Image Text (Flyover Text)

Enter copy to display when a user “flies” or “rolls-over” the image with the mouse.

Text entered here displays in a box on mousover. You can leave this blank or enter short descriptive text. Sites adhering to Section 508 Accessibility standards, should always use Alternate Image Text.

Link

You can link the image, just like any other link (bullet item, text, and so on) to an existing Web page or document (file), a new Web page to be created, a new document or file to be uploaded, or you can choose to not link at all.

While still in the Image Properties dialog, click on the Edit button in the Link Section. This will open the Insert Image dialog where you can select the appropriate link type - existing page or file, new page from template, new uploaded file, an image, e-mail link, scheduled element or no link.

 

Related Links


You can download PDF versions of the Content Contributor's, Administrator's, and Elements Reference documents from the support section of paperthin.com (requires login).


For technical support:

http://www.paperthin.com/support/