RESPONSIVE CSS FRAMEWORK

Photo gallery

Properties

Property name Type Description
appendToID String The id of the HTML element into which the album will be embedded. We recommend adding the albums into DIV elements. The albums will be displayed after the element's content.
source String The URL of the source XML file containing the list of images for the album.
maxWidth Number The maximum width of the gallery (in pixels) used to get the ratio of the album. Using this ratio the gallery is then resized by the grid, when the grid is resized.

Note! The width of the gallery is always set by the width of the parent container but will not exceed the maxWidth value.

The default value is 800.
maxHeight Number The maximum height of the gallery (in pixels) used to get the ratio of the album. Using this ratio the gallery is then resized by the grid, when the grid is resized

Note! The height of the gallery is calculated based on the width of the gallery and its default ratio and will not exceed the maxHeight value.

The default value is 600.
infoButton Boolean Specifies whether the control bar displays the info button. Use this control when the photos have titles or/and descriptions or/and links associated.

The default value is true.
folderButton Boolean Specifies whether the control bar displays the folder button. Use this control when the source XML file contains more than one folder.

The default value is true.
thumbnailButton Boolean Specifies whether the control bar displays the thumbnail button. Use this control to have the option to display the photos in a thumbnail grid.

The default value is true.
playButton Boolean Specifies whether the control bar displays the play/pause button.

The default value is true.
navigationButtons Boolean Specifies whether the control bar displays the navigation buttons.

The default value is true.
arrowButtons Boolean Specifies whether the left and right arrow buttons are displayed on the images.

The default value is true.
shareButtons Boolean Specifies whether the social sharing buttons (Facebook and Twitter) will be displayed. These controls will share the URL of the page which contains the gallery.

The default value is true.
showIndex Boolean Specifies whether the control bar displays the index of the current image.

The default value is true.
showTimer Boolean Specifies whether the time bar is displayed during the slideshow.

The default value is true.
fullscreenButton Boolean Specifies whether the full screen button will be displayed on the control bar. This button allows for the gallery to enter in full screen mode or normal screen mode.

The default value is true.
backgroundVisible Boolean Specifies whether the gallery will display a background. If it is set to false, the gallery will have a transparent background.

The default value is true.
backgroundAlpha Number The alpha transparency value for the album's background.

The default value is 1.
autoSlideshow Boolean If the parameter is true, the image slideshow will start automatically. Each image is displayed for an amount of time specified by the slideshowSpeed property, then the gallery will automatically advance to the next slide.

The default value is true.
slideshowSpeed Number The time interval (in seconds) on which the images will change during the slideshow.

The default value is 6 seconds.
textColor String The text color used in the gallery (exception: the link of the caption)

The default value is #FFFFFF.
timerColor String The color of the time bar displayed during the slideshow.

The default value is #FFFFFF.
controlHoverColor String The color of the hover state for the buttons and thumbnails.

The default value is #1355b6.
folderLabel String The label which is displayed in mobile view when the folders are listed.

The default value is "Folder".