I have what is hopefully a simple question (simple for you, not for me) about carousel images. I'm having trouble creating an image that looks great when the browser is resized.
I have a picture loaded into the carousel that isn't a great fit, but will illustrate my issue anyway. When the browser window is expanded, the man's head is cut off....
It sounds like the height is fixed at 500px. I don't know if this is possible, but instead of fixing the height, is it possible to fix the aspect ratio? That way when the browser is resized, the carousel expands/contracts with a fixed ratio and will not distort?
...or do these things not really work that way?
"I did not use image cropper, the browser determines it. It does not really crop, it has just overflowed. I set this to cover in CSS; so the container which has a height of 500px I think, makes the browser resize the image to fill the 500px height but it must also fill the width. If your image does not fill the entire width it forces it to resize. But aligns it Center on both horizontal and vertical."
When I see examples of what he's modeling after it seems to me that the carousel picture is typically insignificant, sometimes even blurry, and it makes no difference to the look if it gets distorted or cut off in any way. The slide is layered and the front layer is much more significant.
The slides we are working with are too simple. They only have the one layer. I feel like that is why this isn't working, but it's just a guess. I don't know much about how these things work. It seems logical to me that if you can fix the aspect ratio (to whatever would be correct, I don't know that part either) the image won't distort or cut off.
Am I on the right track or am I steering him wrong?
Can you fix the aspect ratio on carousel images?
Hi!
I have what is hopefully a simple question (simple for you, not for me) about carousel images. I'm having trouble creating an image that looks great when the browser is resized.
I have a picture loaded into the carousel that isn't a great fit, but will illustrate my issue anyway. When the browser window is expanded, the man's head is cut off....
Small browser window: http://screencast.com/t/0hyZfDzhFc Large browser window: http://screencast.com/t/lP2t24Sp8ar
It sounds like the height is fixed at 500px. I don't know if this is possible, but instead of fixing the height, is it possible to fix the aspect ratio? That way when the browser is resized, the carousel expands/contracts with a fixed ratio and will not distort? ...or do these things not really work that way?
Thanks! Robin
Hi Robin,
How are you rendering image?
Do you use ImageCropper?
Cheers
Hi Alex,
When I asked your questions, I got this response:
"I did not use image cropper, the browser determines it. It does not really crop, it has just overflowed. I set this to cover in CSS; so the container which has a height of 500px I think, makes the browser resize the image to fill the 500px height but it must also fill the width. If your image does not fill the entire width it forces it to resize. But aligns it Center on both horizontal and vertical."
When I see examples of what he's modeling after it seems to me that the carousel picture is typically insignificant, sometimes even blurry, and it makes no difference to the look if it gets distorted or cut off in any way. The slide is layered and the front layer is much more significant.
The slides we are working with are too simple. They only have the one layer. I feel like that is why this isn't working, but it's just a guess. I don't know much about how these things work. It seems logical to me that if you can fix the aspect ratio (to whatever would be correct, I don't know that part either) the image won't distort or cut off.
Am I on the right track or am I steering him wrong?
Thank you so much for your time.
Robin
is working on a reply...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.