Carousel for portrait and landscape images

Design help General
1

Hey there,
How can I achieve such a carousel/slider: http://www.offshorestudio.ch/ :thinking:

I would like that the carousel:

  1. displays portrait and landscape images the same height.
  2. that there is the same space in between every image. No matter if it’s a vertical or horizontal image. And that I can change the width of that space coherent to my design.

I created a slider using the webflow slider widget. However as every image and slider is part of the mask, I can’t change the distance in between the images: https://preview.webflow.com/preview/slider-img-height?utm_source=slider-img-height&preview=2d8426d417c75820f78366f779be2e92

So I tried another one using the custom slider made by @sabanna https://webflow.com/website/SAPDesign-sandbox
However, with that slider, I can’t achieve that landscape and portrait images have got the same height, so the landscape images are very small. The only good thing is that the spaces in between the images stay the same: https://preview.webflow.com/preview/slider-same-space?utm_source=slider-same-space&preview=d0cd20c2cb5ec8415bf86fc8933eee43

Could someone please help me with that?

2

I think you can do this by setting your images within the slider as the background and clicking the contain button under the background options. This will make sure that the image is contained within the slide either horizontally or vertically, whichever is bigger. You can then supplement this with some padding if you’d like.

3

That worked out very well! Thanks so much!