Elementor Image Carousel Widget: Free Slider with Lightbox and Coverflow
The Image Carousel widget in Master Addons turns a WordPress gallery into a swipeable slider, and it is free. You pick the images, choose how many show on desktop, tablet and phone, and add autoplay, a lightbox and a 3D coverflow layout if you want one. Every slide can be styled in its normal, hover and active state, and the arrows, dots and captions follow your brand. It works for portfolios, product shots, hotel and property tours, and client logos.
Advanced Layout & Behavior Control
Take full control over how your carousel looks and behaves. Choose a Carousel or Coverflow layout. Set Slides per Column for grid-like displays and define how many Slides to Scroll. Enable features like Autoplay, Loop, Center Mode, and even a Grab Cursor for interactive dragging. The Observer option ensures it works perfectly inside tabs or accordions.
- Flexible Layouts: Create multi-row grids or classic horizontal sliders with full control over columns and scroll.
- Smooth Interactions: Set Autoplay Speed, Animation Speed, and enable Pause on Hover for user-friendly behavior.
- Smart Adaptive Features: Use Auto Height to avoid awkward empty spaces, and Observer to make it work in hidden containers.
Style Every Part, in Every State
Make your carousel a perfect part of your design. Don’t just style the images – style the container for each item. Set unique backgrounds, borders, shadows, and padding for Normal, Hover, and Active states. Adjust the Item Gap and overall Opacity. This level of detail lets you create interactive cards, highlight the active slide, and provide clear visual feedback as users interact.
- Interactive Feedback: Design distinct hover effects (like a shadow lift or color change) to engage visitors.
- Active Slide Highlight: Make the current center slide stand out with a different border or background.
- Complete Visual Control: Customize Border Radius, Box Shadow, and Padding for perfect item framing.
Navigation & Integrated Lightbox
Guide your visitors properly on your image carousel. Design elegant Arrow navigation with custom icons, colors, backgrounds, and positioning (Inside, Outside). Hide them on mobile for a cleaner look. Then, enable your gallery with a built-in Lightbox. Customize the preview icon, overlay, and caption typography. Choose between Fancybox and Elementor to open images in a beautiful, full-screen viewing experience.
- Custom Navigation Arrows: Style arrows from scratch – change their color, size, background, and Horizontal Offset.
- Mobile-Optimized: Choose to Hide Arrow on Mobile and rely on swipe gestures for a native feel.
- Premium Lightbox: Offer a zoomed-in view with customizable icons and overlays, turning the carousel into a full gallery.
Elementor Image Carousel vs Master Addons Image Carousel
Both widgets are free. Elementor’s version is enough for a basic slider with captions and links. Pick the Master Addons one when you need a coverflow layout, rows of images, or more control over navigation and slide styling.
| Elementor Image Carousel | Master Addons Image Carousel | |
|---|---|---|
| Price | Free | Free |
| Slides per view per device | Yes | Yes |
| Layouts | Slide or fade | Carousel or 3D coverflow |
| Multiple rows | No | Yes, with Slides per Column |
| Navigation | Arrows and dots | Arrows, dots, dynamic bullets, fraction, progress bar and scrollbar |
| Lightbox | Elementor lightbox | Fancybox or Elementor, with a custom preview icon and overlay |
| Slide styling | Basic | Normal, hover and active states |
| Link each image to a URL | Yes | No, images open in the lightbox |
How to add an image carousel in Elementor
For a longer walkthrough with screenshots, read how to create an image carousel in Elementor.
- Install the free Master Addons plugin and edit your page with Elementor.
- Search the widget panel for Image Carousel and drag it into a container.
- Click the gallery field, pick your images and set the Image Resolution.
- Set how many slides show per device, then turn on Autoplay, Loop and the lightbox if you want them.
- Choose Carousel or Coverflow, style the slides and arrows, and publish.
Related carousels: Logo Slider, Team Slider, Gallery Slider (Pro) and the Blog widget’s carousel mode.
Frequently Asked Questions For Image Carousel
What's the main advantage over Elementor's basic Image Carousel?
Elementor’s free Image Carousel handles a simple slider well: captions, a lightbox, autoplay, and slides per device. Master Addons adds a 3D coverflow layout, multi-row grids with Slides per Column, fraction, progress bar and scrollbar navigation, a choice of Fancybox or the Elementor lightbox with a custom preview icon, styling for normal, hover and active slides, and an Observer option for carousels inside tabs or accordions.
If I enable 'Auto Height', will my images get stretched or cropped?
No. Auto Height adjusts the overall carousel container’s height to match the tallest slide currently visible. Your images will maintain their aspect ratio based on your other settings (like “Image Size”). It prevents fixed heights from creating large blank spaces if you have images of varying portrait/landscape orientations.
Can I use this for a logo slider with grayscale to color on hover?
Absolutely! This is a perfect use case. Upload your logo images. In the Carousel Items tab, set the normal state Opacity or use a CSS filter to make them grayscale. Then, in the Hover state, set the opacity back to 1 and remove the filter. The built-in hover styling makes this effect easy without custom code. Or use the Logo Slider widget, which is built for client logos.
How does the "Observer" setting work, and when should I use it?
The Observer watches for changes in the carousel’s container. Enable it (set to Yes) when you place the carousel inside a tab, accordion, or toggle widget, or anywhere it’s initially hidden. This ensures the carousel renders and functions correctly the moment a user clicks to reveal its parent container. If it’s broken inside a tab, this usually fixes it.
Will having multiple carousels with autoplay on one page cause performance issues?
It can, if you have many (like 15+). Each autoplaying carousel is a moving element the browser must animate. For best performance, limit autoplay to your most important hero carousel. For others, consider letting users scroll manually. Also, using optimized image sizes (through Image Resolution settings) is crucial for speed.
Can I link carousel items to different URLs instead of just the lightbox?
Not with this widget. It opens images in a lightbox. If each slide needs its own link, use the Logo Slider, or the link option in Elementor’s own Image Carousel.
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Glassmorphism
Container Extras
Patterns
![Master Addons Post/Page Duplicator extension for Elementor: MA Duplicator row link in the WordPress Pages list creating a Landing Page - [Duplicated #128] draft](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
