Slideshow Layout
The Slideshow layout presents content one slide at a time with smooth transitions, navigation controls, and optional autoplay.
Overview
Create immersive, focused presentations where each piece of content gets full attention.
| Attribute | Value |
|---|---|
| Category | Media |
| Navigation | Arrows, dots, keyboard, swipe |
| Transitions | Fade, slide, zoom |
| Autoplay | Optional with configurable duration |
Best for:
- Photography portfolios
- Product showcases
- Presentations
- Full-screen image galleries
Navigation Options
Arrow Buttons
Show navigation arrows for next/previous:
- Position - Left/right edges or bottom
- Style - Minimal, bordered, filled
- Size - Small, medium, large
- Visibility - Always, hover, or hidden
Dot Indicators
Display position indicators:
- Style - Dots, dashes, numbers
- Position - Bottom, top, or side
- Active style - Highlight current slide
Keyboard Navigation
- Left/Right arrows for previous/next
- Escape to exit fullscreen
- Space to play/pause autoplay
Touch Gestures
- Swipe left/right for navigation
- Pinch to zoom (if enabled)
Transition Effects
Transition Types
- Fade - Smooth opacity crossfade
- Slide - Horizontal sliding motion
- Zoom - Scale in/out effect
- None - Instant switch
Transition Settings
- Duration - How long transitions take (300-1000ms)
- Easing - Animation curve (ease, linear, ease-in-out)
Autoplay
Enable Autoplay
Automatically advance slides at set intervals.
Autoplay Settings
- Duration - Time per slide (default: 5000ms)
- Pause on Hover - Stop when user hovers
- Loop - Restart from beginning after last slide
- Progress Bar - Show time remaining
Thumbnail Strip
Display Options
- Show - Always visible
- Hover - Appears on mouse movement
- Hide - No thumbnails
Thumbnail Settings
- Position - Bottom, top, or side
- Size - Small, medium, large
- Spacing - Gap between thumbnails
Tips
- Use high-quality, full-resolution images
- Keep slide count reasonable (10-20 for portfolios)
- Set appropriate autoplay duration for content
- Ensure captions are readable against images