Google Photos – Photo to trigger lightbox

Also, if I change a setting in Photonic, It doesn’t pull any photos. I have to back to the page, make a small change, and publish it again. Then it pulls again from google photos.

• This reply was modified 2 weeks, 5 days ago by k2learner.

Several albums on the same page (several tabs – each tab has an album) For example, tabs are Day 1, Day 2, Day 3 upto 15 days/albums)

The moment you set up one album per tab, you are introducing an inefficiency by adding a web-service request. There is no way to streamline or optimize this, and moreover, each such request hits your account quota with Google. So, my suggestion is: get rid of the tabs.

Take a look at the examples here.

The first example is the closest approximation to what you are trying – each album gets its own thumbnail, on which you can click to launch a lightbox with the photos in that album. But, the first example has a limitation – it cannot show you more than 100 photos in the lightbox. So, it cannot meet your second requirement.

The second and third examples don’t directly launch a lightbox, but give you either an intermediate modal overlay or an intermediate page. On that modal overlay/page, you can load up all the photos, and then see them in the lightbox.

Used LightBox v3.

Not sure which one this is – I don’t have any such lightbox in Photonic.

Also, if I change a setting in Photonic, It doesn’t pull any photos. I have to back to the page, make a small change, and publish it again. Then it pulls again from google photos.

My guess is that you are caching your page, but I cannot help you without a URL.

I am in the process of deciding between second and third example. However, is it possible to move the modal overlay? It hides behind the header at the top. Will give the URL as soon as it is in a decent fashion for a quick testing.

Also, using FancyBox 3, not LightBox v3. ??

It hides behind the header at the top.

That can be controlled by a single line of custom CSS for the modal, just by changing its z-index value. I can give you the code if you provide me with the URL.

https://inptx.com

Day 1 displays album but intermediate modal page is way up in the top hidden away. Will the one line code you give work in mobile devices also? https://inptx.com/20241027-01

The Day 2 has code for Photonic but does not display album. https://inptx.com/20241028-02

Do you recommend any particular lightbox for a mix of videos and photos? FancyBox v3 does not allow seek when displaying video i.e. cannot click on the timeline below to advance/rewind. Also, when the video is playing if you advance a photo, you can still hear the audio being played from the previous video.

• This reply was modified 2 weeks, 3 days ago by k2learner.

figured out the one line code from oddities link you had provided. Also, works perfectly in mobile phone.

• This reply was modified 2 weeks, 3 days ago by k2learner.

I increased from 100 to 400 in

.photonicModalOverlay {
z-index: 400;
}

but the photos still shows up at the same spot on the page. No difference between z-index 100 or 400.

but the photos still shows up at the same spot on the page. No difference between z-index 100 or 400.

Your modal seems to be fine – it is not hidden away behind anything. What is the issue you are encountering?

Decided to go through an intermediate page (instead of the modal overlay) for displaying photos from google album.

QUESTION 1:

If I show 15 album Thumbnails (i.e. that page will have 15 calls, correct? Hope it is NOT 15 x number of photos in each album) will that be ok? Your example shows 3 album thumbnails.

QUESTION 2:

Album Title is not coming to the Photo landing page (intermediate page). Please click on Day 1 (https://inptx.com/20241027-01).

If I show 15 album Thumbnails (i.e. that page will have 15 calls, correct? Hope it is NOT 15 x number of photos in each album) will that be ok? Your example shows 3 album thumbnails.

Yes, it will do 15 calls. However, my suggestion is to put all your album thumbnails on one page and have them fetched via a single call.

Album Title is not coming to the Photo landing page (intermediate page). Please click on Day 1 (https://inptx.com/20241027-01).

Under Photonic → Settings → Generic Options → Photo Template → Page title display, what have you set? It should be configured to pick the album title. This will only change the header title of the page, not the meta title of the page.