🎯 What It Does
The Media Carousel widget enables you to display a collection of images and videos in a dynamic, interactive slider format. It offers multiple layout styles—Carousel, Slideshow, and Coverflow—giving you flexibility to create engaging visual displays.
đź’ˇ Why Use It
Ideal for grabbing attention with motion and interactivity.
Efficiently showcases multiple visuals within limited space.
Perfect for portfolios, product features, image galleries, or video showcases to enhance visual storytelling.
🎨 Layout Styles
Carousel: Shows several media items at once, side by side, scrollable by users.
Slideshow: Displays one main item with thumbnail navigation below.
Coverflow: Highlights a central item with angled side previews for a 3D-like effect.
⚙️ Configuration Options
Content Settings
Media Items: Add any mix of images or videos, each with optional captions and overlay text/icons.
Slides to Show/Scroll: Determine how many items appear at a time and how many shift per interaction.
Size & Fit: Control item dimensions and cropping behavior for uniform display.
Links & Lightbox: Make items clickable to open custom URLs or lightbox views of media files.
Autoplay & Loop: Enable automatic sliding, set speed, choose looping behaviors, and control pause-on-hover or interaction settings.
Navigation Controls: Toggle arrows and pagination (dots, fraction, or progress bar), and customize their layout.
Style Settings
Slide Appearance: Set backgrounds, borders, padding, and spacing between slides.
Navigation Styling: Adjust arrow and pagination size, color, active states, and positioning.
Overlays: Apply text or icon overlays with custom typography, color, icon size, and animations.
Lightbox Styling: Customize lightbox background, UI colors, hover states, and video dimensions.
🛠️ Advanced & Layout Controls
Responsive options let you adjust slide count and layout per device.
Advanced settings offer margin/padding, z-index, entrance animations, motion effects, custom CSS, and HTML attributes support.
🔧 Tips & Best Practices
Use consistent image dimensions to maintain polished alignment.
Enable lazy-loading to streamline page performance.
Pause autoplay on hover for better interaction.
Choose unobtrusive overlays to highlight content without clutter.
Style arrows and dots to integrate with brand design.
âś… Ideal Use Cases
Portfolio Displays: Rotate through artwork or photography.
Product Showcases: Feature product variants or demonstrations.
Client Testimonials: Present reviews with images or video snippets.
Step-by-Step Visuals: Walk users through processes or before/after comparisons.
The Media Carousel widget blends powerful customization with visually rich content presentation—ideal for creating polished, interactive media galleries.
