Help Topics


Image Show

The image show is an extension of the online editor Xinha. It is not a typical picture gallery, but an automated slide show of images located under the same directory (for future enhancements these images are taken over into a database). Various display options are described in more detail below.

Opening a page with write access an icon bar is shown comprising various task buttons depending on page configuration and layout. Activated task buttons are colored, deactivated task buttons are grayed out. A sample task button bar would be:

Task buttons

Task buttons define possible operations for a content page.

New Create a new entry
Editor Edit an entry using the Xinha online editor
View View an entry
Save Save an entry
Delete Delete an entry
Copy Copy an entry

Task buttons are activated or deactivated depending on user level and available functionality. The button to save an entry is in this case deactivated, because the save functionality is integrated into the editor.

The task button Editor starts the online editor Xinha, i.e., the page is loaded into the editor for further processing. Editor option are extended by:

Image Show Manage an Image Show

Create New Image Show

Pictures to be used for an image show should be located under the same directory and should not be larger than 800x600 pixel. For usage of an auto-scroll bar image thumbnails are required and need to be located under the .thumbs sub-directory of the image directory. If images are stored under the directory "holidays" the thumbnails will have to be saved to "holidays/.thumbs". File and directory names should be in lower case and without blanks.

The Image Manager (Online Editor Xinha) supports image upload. If using the manager to upload images, the pictures are checked for size and thumb nails are generated under the appropriate directory.

To create an image show position the cursor at the desired position and click the editor's Image Show option. Complete the basic image show settings shown below.

Basic image show dialog

The following settings are required:

Image width Width of image
Image height Height of image
Show type Possible types are:
- Flash animated
- Lightbox
- LightboxKB
- Kenburns
- Standard
Image directory Image directory

Saving these settings creates the appropriate database entries for the image show. Afterwards the complete text should be saved as well.

Image Show Options

Once an image show has been created a number of additional settings become available that can be modified via the Image Show dialog

Extended image show dialog

Options:

Show type Possible types are:
- Flash animated
- Lightbox
- LightboxKB
- Kenburns
- Standard
Captions Image caption
The caption corresponds to the image's file name. Naming images appropriately can thus ensure a short description
Controller Image show controller
can be activated as an option. Is only useful for very large image shows
Thumbnails Auto-scroll bar
for thumbnails is activated on the side or below the shown image to navigate the show
Random Show Random playback
Titles Image title
corresponds to current file name
Delay Fade in time in ms
Duration Display time in ms
Left Space Left space
can be used to adjust the image show within the text
Top Space Top space
can be used to adjust the image show within the text
Image height Height of image
Image width Width of image
Image directory Image directory

The size of an image show can be adjusted by dragging the corners of an image. Modifications are taken over into the dialog and will have to be saved via the dialog.

Updating an Image Show

If images are removed or added, the image show dialog has to be re-opened in the editor and saved to update the show.

Deleting an Image Show

An image show should only be deleted via the image show dialog to ensure the removal of image show data from the database. The images themselves remain in the directories and will have to be deleted separately.