Looking to find out how to preserve the proportions of the carousel images when scaling down the page. All of my images are a standard size, so I just need them to fully display. Guessing I will have to add some JS, but wondering if someone has done it already or if there's a setting that I am missing? Thanks.
Thank you for your request.
Have you tried to set the Size of the Image Carousel, so it will preserve it once you are scaling down the page.
You can set it in the Settings of the Image Carousel element.
Please let me know if it works for you.
I have tried about every formatting setting I could, but if I missed one to achieve this please let me know. This site is a good example of what we're going for visually... (https://codepen.io/chriscoyier/pen/epagMP/) Except, when scaling the outer page, we don't want the image to crop down in any way. Our images have info in the corners sometimes, so we need the entire image to scale without hiding that. Every setting seemed to present the center, and either crop off the sides or top and bottom, depending. I was not able to find any that allowed for maintaining the 5x9 ratio we use, while preserving the entire image. I tried either setting the height (500px) and/or the width (900px), and various percentages. So far, no luck. Someone on our team is now trying JS solutions. If this can be solved without that, it would be great. Thank you for any help.
Thank you for providing us with more details on it.
We would like to inform you that we are planning to implement feature which will help you to maintain the full image on all screens.
We are planning it in our future 7.0 release. I will update you here once it will be available.
This is great news, Kyrylo! We are having a similar issue with pictures being cropped when in a carousel. It would be awesome to know that the size image we put in it doesn't get modified at all. It's been a good amount of extra work to make sure some of the images look good.