User Tools

Site Tools


stage_galleria_slideshow

Table of Contents

Galleria Slideshow

An inline slideshow option, supports display of thumbnails and captions, and works well on tablets and mobile with support for swipe navigation.

To use, in the Color Palette control pane set Page Type as “CE3 Standard”:

In the Appearance control pane, in the Page: Staging control group set Gallery/Embed Style as “Galleria Slideshow”:

Options

You will be able to set colors, border, padding, etc. These are fairly obvious, so I'll not waste time explaining them. For those options worthy of explanation, explainations follow.

Autoplay / Interval
Automatically starts and advances the slideshow. The slider value is in milliseconds (1000ms = 1 second) and is the length of time the slideshow will hold an image before moving on to the next. To disable autoplay, set this value to zero (0).

Transition Speed
Defines the speed of the transition between images.

clicknext
Clicking the slideshow stage will advance the slideshow forward.

imagePan
Toggles the image pan effect.

maxScaleRatio
Prevents Galleria from upscaling images beyond 100% scale.

pauseOnInteraction
Toggles if Galleria should stop playing if the user navigates.

showCounter
Shows the image count – ex. 1/10 – in the info overlay. Requires that showInfo also be enabled.

showFullscreen
Toggles the Full-screen button for the slideshow.

showImageNav
Toggles Next/Previous navigation arrows.

showInfo
Toggles the info overlay (image titles, captions and counter).

showPlay/Pause
Toggles the Play and Pause buttons for the slideshow.

thumbnails
Toggles display of thumbnails.

fullscreenCrop
Sets how Galleria should crop when in fullscreen mode.

imageCrop
Defines how Galleria will crop the image.

initialTransition
Sets a different transition on the the first image.

touchTransition
Defines a different transition when a touch device is detected.

transition
Defines what transition to use.

Width / Aspect Ratio Numerator & Height / Aspect Ratio Denominator
Determines the size and shape of the slideshow.

If set to “auto”, the slideshow will occupy the full width of its container; the provided values will operate as aspect ratio. For example, the default values of 600-by-400 will be a 6:4 aspect ratio. You may set any aspect ratio, such as 16:9, 3:2, 2:1, etc.

If set to “fixed”, the width and height values will be used as pixel measurements to set the maximum size of the slideshow. For example, the default values of 600-by-400 mean the slideshow will never be more than 600px wide by 400px tall, even when more space is available.

Both “auto” and “fixed” slideshows are responsive and will resize on smaller displays, such as on phones. When scaled, slideshows will maintain their aspect ratio.

Captions

The Galleria slideshow does not support the use of quotation marks or line-breaks in captions. The occurrence of either quotation marks or line-breaks will cause the slideshow to fail completely; it will not render on the page at all.

You may include quotation marks in your captions if you escape them. This is performed by fronting all occurrences of quotation marks with a backslash. For example, to use this text as a caption:

Kompong Phluk, "harbor of the tusks" in Cambodia.

… we must escape the quotation marks in this way:

Kompong Phluk, \"harbor of the tusks\" in Cambodia.
stage_galleria_slideshow.txt · Last modified: 2013/05/31 06:54 by admin