Image Gallery
The Image Gallery component gives you the possibility to create a gallery of small images, which show a bigger version of the image when you click on them.
Creating an Image Gallery
By using the 'Image Gallery' entry of the Toolset or the menu command 'Insert -> Image Gallery', you can place the gallery 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. By selecting the amount of columns in the property window and resizing the area of the gallery, you can influence how the images will be arranged.
Each image are then automatically resized to fit into the rows and columns of the other images and to keep its aspect ratio. Note that it is recommended to use images with a similar aspect ratio in order to make the array of images look more nicely.
Properties
This component supports several background modes (Color, Image, Gradient) for the images, 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.
Other supported properties are:
- Padding: Distance in pixels between each image
- ColumnCount: Amount of columns used for showing the images.
- Thumbnail: You can choose an aspect ratio for the small preview images here. The default is 16:9 which looks nice on most websites, but you can also choose something like 3:2 or 4:3, or square. Select 'original' to have each preview image a different size based on the actual size and format of the full size image.
- OpenMode: This sets how the image will be opened when clicked on. By default, the image will open in a new layer on top of the website, but it is also possible to make it open in a new Tab or Window, in a window pop up or to replace any existing image on the current website with it.
- UseHoverStyles: If you check this, it is possible to select another border color for the small images when the mouse cursor is over the image.
- NavigationButtons: If you check this, the image gallery will show navigation buttons (left and right) when an image was opened, so that users can browse the gallery more easily. Also, this enables keyboard buttons (cursor left and right) to do this as well. You will see these buttons only in the browser, when clicking 'Preview', not directly in RocketCake.
- ShowText: enables the possibility to write some text below each image. When this is checked, each entry for every image gets a "ImageText" entry and you can enter text there to be shown below the image
- AlternateText: enables the possibility to write some "alt text" for each image. When this is checked, each entry for every image gets a "ImageAltText" entry and you can enter text there when then will be added as alt attribute, which provides alternative information for an image for SEO purposes.
Copyright © by Ambiera e.U.