amramorov

Thanks a lot for the quick and detailed answer.

Regarding the slideshow lightbox, I think you are right. I don’t like this idea either, it’s just that sometimes clients want just such an implementation so that they can enlarge the image a little more in popup. But it doesn’t matter, no means no.

About the slideshow. The grid could solve the problem, but it is static, and I would like the images in the header to move.
I managed to create a test page by implementing the desired functionality using css.

https://web.web-sd.com/svadebnyj-fotograf/

In the shortcode parameters, I set the number of columns to three, and then I added styles.

.splide__slide__container img {
    height: 400px;
    object-fit: cover;
}
@media (min-width: 1921px) {
    ul#photonic-slideshow-google-1-list li {
         width: 20%!important; 
    }
}
@media (min-width: 1537px) and (max-width: 1920px) {
    ul#photonic-slideshow-google-1-list li {
         width: 25%!important; 
    }
}

That’s just scrolling is still going on three pictures at any screen resolution. It’s not really important, and in principle I’m fine with this, it’s just that you might be interested in providing such functionality out of the box? And in this case, of course, to do it by more correct methods ??

• This reply was modified 1 year, 7 months ago by amramorov.

In general, it would be cool to implement the following logic. In a Full-Width Row (Container), display as many images as they fit with a given image size (possibly with some scaling to completely fill the Full-Width Row with an integer number of images). Then, when the screen is enlarged, scale them a little until the screen width reaches a value where one more image can be added. In this case, the sizes of all images are reset to their original value, and then everything repeats.
??

The same problem