-
Posts
-
I don’t understand the behavior of the aspect ratio values in the gallery with »big image with thumbnail below«. We made two galleries with the same parameters:
– Gallery Big Preview Image Size: Gallery (854×684)
– Force same size for all big preview images? Yes
– Gallery Preview Image Size: Square (180×180)
– Thumbnail Columns: 5
Can you please explain the behavior of the aspect ratio of the big image:
– 1st image: original size 1350 × 900 = 3:2 / in browser: 687 x 687 = 1:1
– 2nd image: original size 1500 x 1000 = 3:2 / in browser: 687 x 556 = ? (not 1:1 and not 3:2)
And if we change the gallery big preview image size to a square aspect ratio (e.g. Masonry (705×705)), both pictures are not displayed 1:1 in the browser, but landscape format. I don’t understand that behavior at all.
What we want to see is a 1:1 aspect ratio of the big preview image independently of the original image size and aspect ratio. Is that possible?
Thank you, JanI found a solution how to get a result (nearly) the way we want it. How to cover an image with any original size and aspect ratio to the same big image preview size:
– big image with thumbnail below
– Gallery Big Preview Image Size: No Scaling
– Force same size for all big preview images? YesSet the height you need for your gallery in QuickCSS:
@media only screen and (min-width: 990px) {
#top div .avia-gallery .avia-gallery-big img {
height: 697px !important;
object-fit: cover;
}}
@media only screen and (max-width: 989px) {
#top div .avia-gallery .avia-gallery-big img {
height: 350px !important;
object-fit: cover;
}}
- You must be logged in to reply to this topic.