#16 2025-06-05 21:21:40

Ewgeniy
Member
2023-07-08
34

Re: New User - How to expand photos to full screen?

Thank you for your answer, but you advise to increase the space under the photo even more. No, the description does not interfere, it takes up space. Please look at the screenshot, that's why I make them, so that you understand what I'm writing about. It would be better if the description was on the photo, not under the photo, and also disappeared. Also, the control buttons in the upper right corner also take up space above the photo and do not allow it to expand to the full screen, they should be lower and not interfere with the photo filling the entire screen. Then the photo would take up the entire screen, its upper and lower edges would touch the upper and lower edges of the monitor screen. The screenshot shows your website and your photo, which cannot expand to the full screen because of the inscription below and the buttons above.

https://disk.yandex.ru/i/f2lnYNaFF13rdw

Last edited by Ewgeniy (2025-06-05 21:22:49)

Offline

 

#17 2025-06-06 17:43:22

Katryne
Member
2016-12-03
480

Re: New User - How to expand photos to full screen?

If you think that the description or title is in the way, try hiding it with css and display it as a tooltip with a plugin. Toolteeps, or SmartTooltip.


https://album.chauvigne.info/ v.15.5  PHP: 8.2.26
https://balades.comoni.org/  v.15.5 PHP: 8.2.26
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Offline

 

#18 2025-06-06 19:01:16

Ewgeniy
Member
2023-07-08
34

Re: New User - How to expand photos to full screen?

Thanks for the answer. I'm not that good at web programming to know how to do it with CSS. But I found this:
***
.imageComment {
display:none;
}
***
But it didn't help, the photo title isn't hidden. I tried this:
***
.imagetitle {
display:none;
}
***
The photo title isn't hidden either. (

Offline

 

#19 2025-06-06 19:42:18

Ewgeniy
Member
2023-07-08
34

Re: New User - How to expand photos to full screen?

This worked, there is no inscription, but there is an empty space left. ))

.pswp__caption {
display:none;
}

Here is the result: https://disk.yandex.ru/i/2DG6Vu4Jn4GGxw

Now the issue is with the buttons above the image in fullscreen mode, they need to be moved down somehow, it should be a "div" that is not above the "div" with the fullscreen image.

____________________

Toolteeps, or SmartTooltip - These plugins do not work in fullscreen mode.

Last edited by Ewgeniy (2025-06-06 20:52:13)

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2025 · Contact