Support

Support is part of Event Gallery Extended.

Please get a subscription if you need support. Feel free to use the ticket system or the contact form for reporting defects or pre-sale questions. Make sure you're logged in in order to be able to create a new ticket.

For general information you can also jump to the manual.

Subscribe now!

#4253 image display size in gallery and slide show

Posted in ‘Event Gallery Extended’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by sbluege on Wednesday, 06 April 2022 06:10 UTC

Wednesday, 30 March 2022 21:26 UTC

CyberSpyder

Images are standard Google Photos free size like they've always been (2048x1365). Same as this gallery: https://www.tri-statespeedway.com/2021-photos/event/AAyrNlT0r_Z9M-8BfMwJInfyWYiU18-763UH-ZZDruTTfryFnpWa4qcJPH_NxdJ5kbuoCJrYiBbw (sorry - no short link on that one)
You can see the difference in the gallery shot and then when clicking in for slide show - you can see the difference, too. Any idea? Getting ready to roll site up to J4 and PHP 8 or 8.1, but haven't yet.

Edited by CyberSpyder on 2022-03-30 21:26 UTC

Thursday, 31 March 2022 07:46 UTC

sbluege

Hi Rob,

besides the header and your chat box, I don't see a difference. Can you help me, please? A screenshot with some marks would be good.

Thursday, 31 March 2022 17:14 UTC

CyberSpyder

On further review, on a PC, on all the galleries, the left and right side are cut off - apparently to make them square. This isn't too big of a deal. Is there a way to make a true proportionate gallery grid?
On the slide show, when clicking an image from the gallery, the top of the image is cropped. See the attached. I could going forward move all teh titles, etc. down, but that wouldn't fix the thousands of images that are already titled at the top. As mentioned, all the images are sized to 2048x1365 pixels which is standard HD proportioned size. Why is the slideshow not proportioned the same? I have loaded different galleries and started the slide show. Some show like the attached with the top cut off and some show normally without the top cut off. So this appears to be random in some way, as the bitly link form yesterday, that had the top cut off in teh slideshow, is now showing correctly when I checked it to grab a screenshot.

Attachments

https___www.tri-statespeedway.com_2021-photos_event_AAyrNlRcbpBzo3yZhTkW_0TvohZqI4ULZjH8BnkaZaGe0cx.jpg

Friday, 01 April 2022 06:56 UTC

sbluege

Your images are not cut off. But your header is hiding parts of it. Put the lightbox higher to place it over your top menu:

div.pswp {
    z-index: 20000;
}

That Facebook-Widet is very high, I don't want to use such a high value for the lightbox. That mean, that the widget stays visible in the lightbox. 20k is already much.

For the layout: you're using the square layout, so all thumbnails are square sized. You could configure a different layout: https://www.svenbluege.de/joomla-event-gallery/event-gallery-manual/intro-and-installation#layouts-for-event

Friday, 01 April 2022 15:56 UTC

CyberSpyder

I thought the gallery/event layout might have been a setting which I can correct.

I'm not understanding why the chat plugin would be an issue with anything as it's on top of any screen objects, so it wouldn't affect any layout(s).

As for the header, it's always been there. For some reason, it's showing sometimes and sometimes it isn't. I wonder if there is some code conflict somewhere now since PHP, etc. has been updated since last fall. We may have to di into that a little bit. Do you know of a way to force the slideshow to be a little lower on the page (below the header) or to be a percentage smaller (like 10-15%) which might cause it to be automatically lower on the screen and therefore below the header?

Saturday, 02 April 2022 05:08 UTC

sbluege

The slideshow/lightbox uses the full screen. This can't be changed. If other elements of the page think they need to overlay the lightbox, then we need an adjustment like the CSS-code I send you above. This makes sure that the lightbox is the top most element and can use the full screen.

Regarding the gallery/Event layout: we might not be on the same page. The layouts-link I send shows you the different layout options which can be configured. Right now, you're using the square size layout. All thumbnails are cropped to a square. This has nothing to do with the lightbox and I'm not sure is this was any time the topic of this ticket.