This autoplaying slideshow is set up without any controls at all, perfect for masthead galleries.
Detailed steps for creating this gallery style
For each gallery variation you will create a new gallery style in “ProPhoto > Customizer > (toggle top-left switch to “Design”) > Galleries and give it a corresponding name. You want to to recognize the style by its name so this is called “Slideshow no controls”In“Galleries > General Settings“.
- First select “standard” as the gallery style. Standard means that the gallery will be showing one image at a time.
- The crossfade transition style results in a slideshow fade-in type effect.
- The transition speed is set to 690 milliseconds. This is how fast one image fades in to the next.
- Check the gallery height constraint to limit the height to which a gallery can grow to a percentage of the window height. This prevents having to scroll to see the entire image.
- A good start is to set the height limit to 100%. That way the images will never require scrolling to see the whole thing.
- You will see the background color of the gallery when an image displays whose aspect ratio is such that it does not completely cover the gallery area. The first image in the gallery sets the gallery aspect ratio. Setting this to none will cause the site or layout background to show when the image does not fill the player.
- Uncheck expanded mode so that the viewer cannot click an icon to see a larger version of the image. Expanded mode is often disabled for galleries that are a part of a page masthead and not meant for a client proofing or portfolio area.
In the Expanded Mode Settings box none of your settings really matter because there won’t be an expanded mode for this style.
The Gallery Controls area is where you dial in how the controls (play, pause, navigation, prev/next buttons) look and behave. This style is for a gallery without any controls at all. It produces a slideshow that simply plays and transitions all on it’s own. The viewer cannot interact with it. So at every opportunity, the controls are intentionally disabled.
Disable Navigation options
Disable the previous and next options
Disable the play and pause buttons
The Slideshow settings not only do you hide the play and pause buttons but you also
- Enable slideshow mode option to have your slideshow start and progress through images automatically.
- Set the length of time each slide will display when playing automatically. This gallery example uses 5900 milliseconds. Adjust this to taste.