Masonry Gallery Error

I’m having the same issue. It looks like the module is setting the row to 30px by default, and not listing to the page-load event to make the row dynamically sized.

Are you using a lazy loading images plugin?

If so, maybe this script can fix your issue. Feel free to vary the timeout to suit your needs. It can be placed in the header section in Divi Theme Options > Integration

<script>
(function($) {
$(document).ready(function() {
setTimeout(function(){
var evt = window.document.createEvent('UIEvents');
evt.initUIEvent('resize', true, false, window, 0);
window.dispatchEvent(evt);
},1000);
});
})(jQuery);
</script>

Hi,

I used this code, but it is not help.
All images was still crushed and I had to turn off lazy loading.

Can I did something wrong? I left one free line after earlier script in my head.

Is there another solution?

best reagards!

Ida

• This reply was modified 5 years, 1 month ago by idalodz.

The problem with lazy loading images is that there are hundreds of plugins and they all do it slightly different. What you would need to do is find out how exactly the lazy loading plugin you use works and trigger a layout of the gallery once the images are loaded. Is there no way you can exclude the masonry gallery from lazy loading?

Hi Jan,

I excluded lazy loadying at all.

I am fotographer and my gallery sometimes is very long and I hope i will be longer ??
Take a look:
https://wobiektywieidy.pl/sesje/sesja-noworodkowa-lodz-galeria/

I hope you know, that time of loading is very important for SEO.

May be pagination of gallery helps. What do you think?

Best regards!

Ida

Yeah maybe. Or maybe I can find some way to solve this lazy loading issue which works with all lazy loading plugins. :/ By the way, the plugin is open source so feel free to contribute if you find a solution. ??