Skip to main content
Version: Beaver Builder 2.11

Slideshow

Use Slideshow to display multiple photos in a full-featured slideshow with transitions, navigation controls, and optional thumbnails.

Usage​

Use Slideshow to display multiple photos in a slideshow view sourced from the WordPress Media Library or a SmugMug RSS feed. The module supports a range of transitions, automatic playback with adjustable speed, optional Ken Burns motion, and a configurable control bar with navigation arrows, play, fullscreen, photo count, captions, thumbnails, and social sharing buttons.

Use Slideshow on photography pages, portfolios, event recaps, hero sections, and any layout that needs an interactive multi-photo viewer with built-in navigation. It fits projects that need a richer presentation than a static gallery without adding a separate slider plugin.

Module Settings​

The Slideshow module settings control where photos come from, how they display, how playback behaves, and which navigation and control bar elements appear.

General Tab​

The General tab sets the photo source, display sizing, and click behavior for slides.

Source Default: Media Library

Selects where the slideshow pulls images from.

  • Media Library: Uses photos selected from the WordPress Media Library.
  • SmugMug: Uses photos from a SmugMug gallery RSS feed URL.
Media Library Settings
Photos Supports: Field Connections

The photos shown in the slideshow when Source is set to Media Library. Selects multiple images from the WordPress Media Library.

SmugMug Settings
Feed URL Supports: Field Connections

The SmugMug gallery RSS feed URL used when Source is set to SmugMug. The RSS feed URL is available through the get a link function in the SmugMug gallery.

Display

The Display section controls slideshow sizing, color scheme, image cropping, and right-click protection.

Display Settings
Height Default: 500; Supports: Responsive

The height of the slideshow in pixels.

Skin Color Default: Light

Sets the color scheme used for control buttons and overlays.

  • Light: Pairs with lighter themes and images by displaying buttons in a darker color scheme.
  • Dark: Pairs with darker themes and images by displaying buttons in a lighter color scheme.
Crop Default: No

Controls how images fit the slideshow area.

  • No: Fits images to the specified height and keeps the width proportional.
  • Yes: Fills the full content area at the specified height and crops the left and right edges to fit.
Disable Right-Click Default: Yes

Blocks the browser right-click menu on slideshow images to discourage casual image saving.

Click Action

The Click Action section configures what happens when a visitor clicks a slide.

Click Action Settings
Type Default: None

Selects whether clicking a slide does nothing or follows a link.

  • None: Clicks on the slide perform no action.
  • Link: Clicks on the slide follow the URL set in Link URL.
Link settings

Link settings control the URL, link target, nofollow behavior, download behavior, and other link attributes where available.

Playback Tab​

The Playback tab controls auto-play behavior, transition style, and timing.

Auto Play Default: Yes

Starts the slideshow automatically on page load. Set to No to require visitor interaction before slides advance.

Speed Default: 3

The number of seconds each slide stays visible before transitioning to the next slide.

Transition Default: Fade

Selects the animation used between slides.

  • None: Switches slides instantly with no animation.
  • Fade: Cross-fades between slides.
  • Ken Burns: Applies a slow pan-and-zoom motion to each slide.
  • Slide Horizontal: Slides photos in from the side.
  • Slide Vertical: Slides photos in from the top or bottom.
  • Blinds: Reveals the next slide using a vertical blinds effect.
  • Bars: Reveals the next slide with sequential bars.
  • Random Bars: Reveals the next slide with bars in a random order.
  • Boxes: Reveals the next slide with sequential boxes.
  • Random Boxes: Reveals the next slide with boxes in a random order.
  • Boxes Grow: Reveals the next slide with growing boxes.
Transition Speed Default: 1

The duration of the transition animation in seconds.

Randomize Photos Default: No

Shuffles the photo order on each page load when set to Yes.

Controls Tab​

The Controls tab configures the navigation arrows that overlay slides and the control bar shown beneath or over the slideshow.

Navigation Arrows Default: Yes

Shows large navigation arrows that overlay the slideshow images so visitors can move freely between slides. These are separate from the smaller arrows in the control bar.

Control Bar

The Control Bar section sets the navigation type and the position of the control bar.

Control Bar Settings
Nav Type Default: None

Selects the style of navigation displayed in the control bar.

  • None: Hides the control bar.
  • Buttons: Shows a control bar with configurable buttons such as arrows, play, fullscreen, photo count, thumbs, caption, and social sharing.
  • Thumbs: Shows a control bar with thumbnail navigation for jumping directly to specific slides.
Nav Position
Nav Position Default: Bottom

Places the control bar at the Bottom or Top of the slideshow when Nav Type is set to Buttons or Thumbs.

Control Bar Buttons

This section is available when Nav Type is set to Buttons or Thumbs, and controls which buttons appear in the control bar.

Control Bar Buttons
Navigation Arrows Default: Yes

Shows previous and next arrow buttons in the control bar.

Play Button Default: Yes

Shows a play and pause toggle button in the control bar.

Fullscreen Button Default: Yes

Shows a button that expands the slideshow to fullscreen.

Photo Count Default: Yes

Shows the current slide number and total photo count in the control bar.

Thumbs Button Default: Yes

Shows a button that toggles a thumbnail strip when Nav Type is set to Buttons.

Caption Button Default: Yes

Shows a button that toggles caption visibility for slides that have captions.

Social Button Default: Yes

Shows a button that opens social sharing options for the current slide.

Control Bar Overlay

This section is available when Nav Type is set to Buttons or Thumbs, and controls whether the control bar overlays the slides and how it auto-hides.

Control Bar Overlay
Overlay Enabled Default: No

Displays the control bar in an overlay at the bottom or top of the slides instead of below or above them.

Overlay Hide
Overlay Hide Default: No

Hides the control bar overlay after the delay specified in Overlay Hide Delay when set to Yes. The overlay reappears on mouseover.

Overlay Hide Delay
Overlay Hide Delay Default: 3

The number of seconds before the control bar overlay hides when Overlay Hide is set to Yes.

Thumbs

This section is available when Nav Type is set to Buttons or Thumbs, and sets the size of slideshow thumbnails.

Thumbs
Thumbs Size Default: 50

The size of the thumbnail images in pixels.

Social

This section is available when Nav Type is set to Buttons or Thumbs, and controls which social sharing buttons appear when the social button is opened.

Social
Facebook Button Default: Yes

Shows a Facebook share button in the social sharing menu.

Twitter Button Default: Yes

Shows a Twitter share button in the social sharing menu.

Pinterest Button Default: Yes

Shows a Pinterest share button in the social sharing menu.

Advanced tab​

The Advanced tab includes all the standard settings for margins, visibility, animations, and advanced HTML configurations.

See the Advanced tab section for more information.