Mobile swipe box freezes And other issues

Thank you for your continued help. I am afraid that I am now getting out of my depth here now and do not feel confident to dive in too deep.
A fix I have been able to do is stop my other lightbox plugin fron working on that page. Instead of trying to stop it via the settings in Photonic.

I have deactivated the A3 lazy load to test. You say that there is lazy loading baked into your plugin, but I do not see it working and the whole page and gallery seems to load when i first land on the page.

• This reply was modified 6 years ago by generalnumpty.
• This reply was modified 6 years ago by generalnumpty.
• This reply was modified 6 years ago by generalnumpty.

I am afraid that I am now getting out of my depth here now.
A fix I have been able to do is stop my other lightbox plugin fron working on that page.

So you didn’t put in the code change? But how is this very different from having PhotoSwipe from both plugins activated?

You say that there is lazy loading baked into your plugin, but I do not see it working and the whole page and gallery seems to load when i first land on the page.

When you load your page you see a “spinner” in the centre – that is Photonic’s Lazy Loading in action. Every image has to be fully fetched for Photonic to be able to render the galleries, because balancing the widths and heights of the columns / rows requires the true image sizes. If you have a different lazy loading plugin, it treats each photo in isolation and doesn’t account for the gallery as a whole. As a result it might appear that each photo is being lazy loaded, but then when it comes to rendering the gallery in totality, you might see the page displayed initially with one layout and then suddenly popping into place once the images have been downloaded. For Photonic, the plugin waits for your photos to first reach the browser, then displays them all in one shot by positioning them in their right places.

Every image has to be fully fetched for Photonic to be able to render the galleries, because balancing the widths and heights of the columns / rows requires the true image sizes. If you have a different lazy loading plugin, it treats each photo in isolation and doesn’t account for the gallery as a whole. As a result it might appear that each photo is being lazy loaded, but then when it comes to rendering the gallery in totality, you might see the page displayed initially with one layout and then suddenly popping into place once the images have been downloaded.

Ah yes that is exactly what I have been seeing “dancing” thumbnails. Thank you for helping me understand.
Now you mention it, I do indeed very briefly see a box with a lazy load spinner when I first land on the page I thought it was not working because I expected to see spinners on each thumbnail as the page is scrolled which is my understanding of the lazyload concept..

So you didn’t put in the code change? But how is this very different from having PhotoSwipe from both plugins activated?

Sorry I don’t quite understand the question – its my fault trying to do too many things at once. No I did not use the code. But instead found a way to stop the 3rd party plug operating on that page via some options on its settings.

Now you mention it, I do indeed very briefly see a box with a lazy load spinner when I first land on the page I thought it was not working because I expected to see spinners on each thumbnail as the page is scrolled which is my understanding of the lazyload concept..

Your understanding is correct: Lazy loading refers to the concept of loading only when an image is reached. But this aspect interferes with the core design of the layouts, wherein the layout is only intended to render once all images are loaded (it “waits for images”). So you essentially end up having two conflicting design paradigms – an image that will be rendered only when reached vs. a gallery that needs to be rendered before your page is displayed.

Your plugin may be fine as far as lazy loading is concerned – I didn’t see any layout issues due to it. There are some other lazy-loading plugins that replace all images with a placeholder 1px transparent GIF, which causes the whole layout of Photonic go go wonky because Photonic assumes that all your thumbnails are 1px wide. Hence my comment about there being a conflict with lazy loading plugins.

Sorry I don’t quite understand the question – its my fault trying to do too many things at once. No I did not use the code. But instead found a way to stop the 3rd party plug operating on that page via some options on its settings.

So … do you require any further inputs from me at this point?

To explain further I have lots of foobox gallerys that after moving from http to https, flag up mixed content warnings, also do not load properly until a page refresh (they should be justified).
Also I have another issue with using their lightbox (foobox) in that on a mobile phone the close X does not close the lighbox but instead opens the image that is sitting directly under the X unless you do a long press.
I am getting nowhere with any help from foobox so decided to install a stand-alone lightbox. And a different gallery (yours) I set up a test page so that when I happy with everything I will swap out all my gallery’s.

Then found myself in trouble as your gallery comes with a light box but I cannot get it to work with the foo gallerys, so need to keep the 3rd party lightbox for them until for the time being. But the final aim would be to just use photonic for everything.

I think I was writing at same time as you posted-so this was not intended as a reply to your last post.

• This reply was modified 6 years ago by generalnumpty.
• This reply was modified 6 years ago by generalnumpty.

Thank you for your furtherer explanation on how the gallery is rendered.

Your plugin may be fine as far as lazy loading is concerned – I didn’t see any layout issues due to it.

One last thing if I re activate my lazy loading plug-in, is that going to slow down that page as they both fight each other, and it seems that my lazy plug in is overriding yours.
I can live with the dancing thumbnails and will do some Page speed instghts to test.

Thank you for your time (and patience ) its fantastic to find a plug in that is so well supported