Slide Show

A 'slide show' is a series of pictures which are shown in sequence at a given interval, such as the example on the right.

The pictures comprise all the pictures in an image gallery - you may want to create a gallery especially for a particular slide show (remember that you can make several copies of an image in several galleries).

See 'Pictures' page for help on creating and maintaining a gallery.

The following example shows the screen for adding and editing slide show details: 

Gallery:
Position:
Border:
Frame Colour:
Width in Pixels:
Image Ratio (W:H):
Running:
Interval (seconds):

The 'film-strip' at the top of the screen shows up to six images from the slide show gallery in reduced format. There is no limit (apart from disk space) on the number of pictures in a gallery and hence slide-show, but remember that images are a lot of data and downloading a large number of images will involve heavy network traffic.

Select Slides

Clicking on the "Select Slides" button bring up a screen like the following in a separate window:

Gallery: gerddi

Change Gallery:

You can change gallery by clicking on the drop-down list at the top.

Click on the continue button to select the gallery for the slide show and close the window. If you change your mind about changing the gallery click the cancel button.

[Note: you can leave the select gallery window open, and go back to editing your slide show details, but this is not recommended as it will mean that the gallery selection window will not "pop-up" when "Select Gallery" button is clicked (it will be there in the background), and unexpected changes may result.]

Position

Drop-down list: left, centre, right.

The centre option places the image in the middle of the page, text is above and below it.

The left and right options place the image left/right respectively, text defined after the image then flows round the image on the right/left respectively.

[To break the flow insert a New Line element on the page.]

Format

Drop-down list: frameborder.

The frame option places a picture-frame around the image.

The border option places a thin line around the picture.

Frame Colour

The colour is only relevant if the picture is framed. The frame is simulated on the editing screen (see above) and the colour is also shown on the "change" button.

Clicking the change button brings up the colour-picker screen in a separate window.

Width in Pixels

Drop-down list: 100, 150, 200, ... 1000   This is the width or the image itself (excluding frame or border) in pixels (screen points).

Note: the images are not resized before the being sent to the browser, as they are taken directly from the gallery. It is therefore up to you to ensure that the images are not too large, in order to optimize network traffic, by resizing the originals in the gallery.

Image Ratio (H:W)

Drop-down list: 3:4 (landscape), 4:3 (portrait), 1:1 (square).

This is to determine the shape of the frame the slide show is displayed in. The images themselves are shown in their original ratio, but as there may be a mix of portrait and landscape the frame ratio cannot be worked-out automatically.

For best results, choose all the images in the same ratio (portrait or landscape) when building a gallery for a slide show.

Run Type

Drop-down list: automatic, semi-automatic, manual. This determines how the slide-show is displayed:

automatic:  the slides are run automatically as soon as the page is loaded. The viewer cannot pause, or go back and forth. 

semi-automatic:  the slides run automatically when the page loads, but buttons are provided to pause/restart, and to go back to a previous, or go forward to the next slide.

manual:  the first slide is shown when the page loads but the slide show doesn't run, buttons are provided to go back to a previous, or go forward to the next slide.

Interval (seconds)

The number of seconds an image is displayed before the next image is shown. This is only relevant for automatic and semi-automatic run types, of course.

Note that the picture change is accomplished by a small internal program (in JavaScript), where the initial picture fades, and the next one comes into view. This usually this takes about two seconds in all, but depends on the browser, operating system, and network conditions (to download the images initially). These two seconds are included in the interval, so that if you choose an interval of five seconds for example, the image will only be fully visible for about three seconds.