If you enable the “Adaptive Height” Setting in the backend. Your slider will automatically set it’s height according to the media that is displayed on a slide. The width is determined by the theme / editor settings. You can use Adaptive Height Sliders in Full Width, Wide, Regular and of course also in columns. Check out the live examples below.
If you do not want the page to jump when the slider height changes. Make sure to place the slider in a fixed height container.
Columns
A columns block with text on the left and adaptive height slider on the right, with the additional style of height: 100vh
on the column.
With fade animation
Instead of sliding, this image slider fades the images and also adapts its height to the height of the displayed images. Just as you like it. On Tablet and Mobile, adaptive height is disabled in this example other than in the one above.
Coverflow Effect
With multiple slides per view and always the correct height for the displayed images? Yes we can! (watch the dot progress position at the bottom)
In other words. You name the amount of slides you want to see and all images are automatically adjusted in their height to fit that fixed width.