j.johnston

Perfect, thanks again!

Hi Sayontan,

Sorry for the very late reply. I haven’t been able to revisit this until now.

This was a bit of a confusing situation to figure out, but here’s what I’ve determined:

When using the LightGallery lightbox, the initial height of the image depends on the presence of a caption.

• If I launch the lightbox from an image thumbnail that has a caption, then the full-size image is vertically centered and the caption is below the image. This is good.
• However, if I launch the lightbox from an image thumbnail having no caption, then the full-size image is initially enlarged to occupy the bottom of the screen where the caption would be. When I then navigate within the lightbox to an image with a caption, then the caption is positioned on the image, instead of below it. The problem is that the image isn’t being subsequently resized to allow space for the caption to be positioned below it.

The problem seems to be in the LightGallery library. I have been able to solve the problem locally by adding the following custom CSS to force the space allocated to the caption to always have a height:

.lg-outer .lg-empty-html.lg-sub-html, .lg-outer .lg-empty-html .lg-sub-html {
display: block;
height: 50px;
}

Now the full-size image in the lightbox is always at the correct height to allow a caption, whether there is one present or not, to work around the lack of image resizing code in the library. Of course this might only work for single unwrapped lines of captions, but that’s better than my current situation.

Thanks!

Good idea. Thank you for the workaround.

Cheers!

I can now download images from Picasa using Firefox 51 for Windows.
Confirmed fixed in Photonic plugin v1.63.

Thank you very much!

I’ve achieved the desired result by setting the “Photo Title Display” option to “Slide up from bottom upon hover” (Picasa > Photos Main Page), and then applying the following custom .css :

.photonic-photo-title { 
    visibility: hidden;
}

.photonic-level-1 a {
    line-height: 0;
}

• This reply was modified 8 years, 1 month ago by j.johnston.

I just updated photonic.js and it works perfectly ??

I look forward to the next release.

I’ll try that out, and my apologies for not being clear in my description.
Thank you very much!

That’s great, thank you! I’ll try that.

That was a good idea, but I just tried it and it causes the caption to be disabled in the Lightbox viewer as well. My intent is to suppress the caption only in the thumbnail gallery but continue to display it in the lightbox.

I had assumed that the options in Picasa > Photos (Main Page) would only affect the thumbnail gallery (ie. the main page) and not the lightbox viewer. But maybe I assumed incorrectly.

• This reply was modified 8 years, 1 month ago by j.johnston.

OK, no problem. Personally, I’d rather have the entire thumbnail grid centered than left-aligning everything, but as the plugin designer that’s your decision.

I can still override it using custom .css, and that’s OK.

Thank you for looking into it!

Ah… your Maui example uses Swipebox, and if I switch my test page to use Swipebox as well, the issue goes away. Only the captioned files display descriptive text, otherwise they are displayed as blank, as the setting dictates. I would use Swipebox for my site, but it has no Download option.

If you switch your example to use Lightgallery, you may see the issue I’m referring to.

Additional information:

If I set the “Photo titles and caption” option to “No title / caption / description”, then the filename is always being displayed, instead of always being left blank.

I’m still trying to narrow down the issue…

And you’re right. I have some .css that is setting the display of this photo title to hidden. If I unhide it, the title is displayed as one might expect if you set “Photo Title Display” to “Below the thumbnail”.

Closed as non-issue.

Correction, it’s the content of:

<div class=”photonic-photo-title photonic-title”>Put a moderately long string here</div>

that’s causing the issue.