An Image Slideshow Element is a self-contained slideshow that cycles through multiple images within a single slide element. Rather than building a sequence of individual slides, you embed an entire image rotation directly into one element — keeping your playlist lean while still delivering a dynamic, visually engaging experience.
An Image Slideshow Element is a purpose-built component that displays a series of images in sequence, all contained within a single slide. It handles its own internal timing, transitions, and looping logic independently of the broader playlist.
Key characteristics of an Image Slideshow Element include:
- Self-contained — all images and timing live inside one element
- Independent — runs its own cycle without advancing the playlist
- Configurable — per-image durations, transition effects, and loop behavior
- Composable — can be combined with other elements (text, overlays, etc.) on the same slide
You can populate an Image Slideshow Element with as many images as your display scenario requires. Follow these steps to build your image set:
- Open the slide editor and insert or select an Image Slideshow Element.
- Click Add Image to open the media picker.
- Select images from your media library or upload new files.
- Reorder images by dragging them into the desired sequence.
- Remove any image by selecting it and clicking the delete icon.
There is no hard limit on the number of images you can add, but keep performance in mind — very large image sets may increase load times on lower-bandwidth displays.
Each image in the slideshow can have its own display duration, giving you precise control over pacing. This is especially useful when some images carry more information and need more screen time than others.
Per-Image Duration
- Select an individual image in the slideshow editor.
- Set the Duration field (in seconds) for that image.
- Repeat for each image that needs a custom duration.
Default Duration
If you do not set a per-image duration, the slideshow falls back to the global default duration configured at the element level. Setting a sensible default (typically 5–10 seconds) saves time when all images should display for the same length.
Transitions control how the slideshow moves from one image to the next. Choosing the right transition keeps the viewer's attention without distracting from the content itself.
Available Transition Types
- Fade — a smooth cross-dissolve between images; works well for most content types
- Slide — images pan in from a direction (left, right, up, or down)
- Cut — an instant switch with no animation; best for high-frequency rotations
- Zoom — a subtle Ken Burns-style scale effect during the transition
Transition Duration
In addition to the transition type, you can set the transition duration — how long the animation itself takes. A value between 0.5 and 1.5 seconds is generally recommended. Longer transitions can feel sluggish; shorter ones may appear abrupt depending on the effect chosen.
Both approaches display a sequence of images, but they serve different purposes. Understanding the distinction helps you choose the right tool for each scenario.
When to Use an Image Slideshow Element
- You want a group of related images to rotate within a single slide (e.g., product photos, venue shots, team headshots)
- The images share the same layout, overlays, or accompanying text
- You need the image rotation to complete before the playlist advances
- You want to keep your playlist short and manageable
When to Use a Multi-Slide Playlist
- Each image requires its own unique layout, text, or design treatment
- You need to mix image slides with video, web, or other content types in the same sequence
- Scheduling or conditional playback rules apply to individual images
- Analytics or proof-of-play tracking is needed per image
Quick Comparison
Use an Image Slideshow Element when the images are thematically grouped and share a common context. Use a multi-slide playlist when each image is an independent content unit that needs its own scheduling, design, or tracking.
Tips for Image Sizing and Consistency
Visual consistency across all images in a slideshow significantly improves the viewer experience. Inconsistent sizing, aspect ratios, or color treatment can make the slideshow feel disjointed.
Resolution and Aspect Ratio
- Use the same aspect ratio for all images in the slideshow (e.g., 16:9 for landscape displays)
- Match the native resolution of your display (e.g., 1920×1080 for Full HD screens)
- Avoid mixing portrait and landscape images unless the element is configured to handle both
File Format and Size
- Webp is the standard recommended format. It allows for smaller file sizes without sacrificing image quality.
- If webp isn’t an option, use JPEG for photographic images and PNG for graphics with transparency. Note that depending on bandwidth and hardware, you may notice slower load times / buffering for these file types.
- Keep individual file sizes under 2 MB to ensure fast loading on all devices
- Compress images before uploading without sacrificing visible quality
Visual Consistency
- Apply consistent color grading or filters across all images for a cohesive look
- Ensure subject placement is similar across images to avoid jarring jumps during transitions
- Use a consistent background color or style if images have transparent areas
