Smush action hook on lazyload complete? Isotope/masonry

Hello @tristanmason ,

I’m not sure about the hook – allow me to ask that Smush developer they will have better idea how to tackle the problem.

kind regards,
Kasia

Hello @tristanmason

I’m sorry for the delay on this. We’ve got some feedback from our developers on this.

There is an API, https://github.com/aFarkas/lazysizes#js-api—events here, then you should trigger isotope(‘layout’) on isotope element.
Something like this should do the trick:

$(document).on('lazyloaded', function(e){
     var iso = $('.isotope-element');
     iso.isotope('layout');
});

Based on the lazyloaded event which fires after the image is fully loaded, lazysizes dispatches a lazyloaded event.

Let us know how that goes!
Thank you,
Dimitris

Hi Dimitris @wpmudev-support6, Thanks so much for this! I’ll try it out.

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