Foogalery dont’t dispaly correctly

Hi @lmedard

I’ve investigated this issue and it appears that it is being caused by the JetPack plugin you have installed. To be more specific, it’s being caused by JetPack’s lazy loading feature.

From my initial investigation, what I believe is happening is that JetPack’s lazy loading feature may be causing all thumbnails to be loaded as squares on the initial page load as it replaces our correctly dimensioned placeholder images with a 1×1 pixel placeholder. This causes the initial Masonry layout to think all the thumbs are squares and so lays them out as squares causing the strange gaps and overlaps that can be seen.

Once Jetpack lazy load is disabled and we’re back to a purely FooGallery markup and code, then the gaps will not appear. Could you kindly try to disable the JetPack lazy loading feature and any lazy loading from any plugin/theme with lazy loading functionality to see if this will resolve the issue and let us know how it goes? Thanks in advance.

Hoping to hear from you soon.

KInd regards,
Elvis

Hi @lmedard

I’m glad to let you know that we have just released an update that will permanently resolve this issue for you even if you have the JetPack lazy loading feature enabled once you have the update installed.

Kindly update your plugin to the latest version and let us know how it goes.

Kind regards,
Elvis

Hi Elvis,

Thanks a lot for your update.
I confirm that this definitely solved the problem I had in the gallery.

Kind regards
Luc