Question Height, preview
- Andrei Sh
-
Topic Author
- Offline
Less
More
- Posts: 10
- Thank you received: 0
3 years 5 months ago #1875
by Andrei Sh
Height, preview was created by Andrei Sh
Hello Is it possible to make it so that there was not only "previewwidth", but also "previewheight".
For layout = "boxed", the plugin processes images by cropping them in height.
For layout = "flexbox" not auto-crop to height? Only setting the preview width?
Because of this, the pictures in one line jump, steps are formed, which is not beautiful if the sizes of the pictures are very different.
Could you complete the functionality so that for layout = "flexbox" there is an option to crop the photo by height (with the option to crop from the center, from the top, etc.)
For layout = "boxed", the plugin processes images by cropping them in height.
For layout = "flexbox" not auto-crop to height? Only setting the preview width?
Because of this, the pictures in one line jump, steps are formed, which is not beautiful if the sizes of the pictures are very different.
Could you complete the functionality so that for layout = "flexbox" there is an option to crop the photo by height (with the option to crop from the center, from the top, etc.)
Please Log in to join the conversation.
- Ruud van Lent
-
- Offline
Less
More
- Posts: 1698
- Thank you received: 110
3 years 5 months ago #1878
by Ruud van Lent
Replied by Ruud van Lent on topic Height, preview
Hi you can do that with the following css, you need to 'experiment' to get the value that best fits your need:
could you give that a try?
Code:
.gallery-container.flexbox img { max-height: 100px; }
could you give that a try?
Please Log in to join the conversation.
- Andrei Sh
-
Topic Author
- Offline
Less
More
- Posts: 10
- Thank you received: 0
3 years 5 months ago - 3 years 5 months ago #1881
by Andrei Sh
Replied by Andrei Sh on topic Height, preview
Good result for:
layout="flexbox" previewwidth="100"
div.image img {
object-fit: cover;
width: 100%;
height: 85%;
}
div.image {
width: 100px;
height: 100px;
}
layout="flexbox" previewwidth="100"
div.image img {
object-fit: cover;
width: 100%;
height: 85%;
}
div.image {
width: 100px;
height: 100px;
}
Last edit: 3 years 5 months ago by Andrei Sh.
Please Log in to join the conversation.
- Ruud van Lent
-
- Offline
Less
More
- Posts: 1698
- Thank you received: 110
3 years 5 months ago #1882
by Ruud van Lent
Replied by Ruud van Lent on topic Height, preview
Cool,
see how simple yet powerfull this plugin is
(almost) anything is possible.
see how simple yet powerfull this plugin is

Please Log in to join the conversation.