Slideshow

The Image SlideShow component gives you the possibility to create an interactive image slide show to your Website.

Creating a Slideshow

By using the 'Image Slideshow' entry of the Toolset or the menu command 'Insert -> Image Slideshow', you can place the slideshow on the website. Once you placed your image, you can select images for the slideshow in the property window. You can select any file of the format .jpg, .png, .gif and .bmp here.

Properties

This component supports several background modes (Color, Image, Gradient), changeable by selecting the property 'BackgroundMode'. It also supports several border modes. The background will only be visible if the image files cannot be loaded or the currently shown image is transparent.

Other supported properties are:

TimeForAnImage: Time in milliseconds how long an image in the slideshow is shown before switching to the next image. 1000 is one second.
TimeForFading: Time in milliseconds how long an image in the slideshow will be faded out and the next is fading in. The default is 250 which is a quarter of one second.

Interactive Slideshows

To make the slideshow interactive, you can create links for selecting the next or the previous image. Create a Hyperlink (see Hyperlinks to see how to do this) and choose 'Invoke a special RocketCake action' as link type for this. A dialog will then pop up where you can select the action 'switch to next image in slideshow' or 'switch to previous image in slideshow' and the target slideshow element for that action.

Hyperlinks

Each image in the slide show can also have a link which opens a website when the image is clicked. For this, click the checkbox named "WithHyperlinks" in the property window when the slide show is selected. Then, the property window will show an entry named "ImageLink" for each image you selected, where you can write a URL like "http://www.example.com" or "about.html".

Fixed Aspect Ratio

Slideshows have the option "Fixed Aspect Ratio", it is checked by default. This means they automatically adjust their height based on the screen size and images inside them. Without this option enabled, their height is fixed and won't change automatically.