Media Grid doesn’t work with Lazy Load

  • Resolved Michael

    (@mgparisi)


    4 years, 5 months ago

    Well, our page won’t show the problem, because we disabled Lazy Load. It’s live, and I can share the staging once its up.

    We’re using WP-Rocket, and the Media Grid images don’t expand to meet the full height of the images within. I assume this is because the coder is not looking for the image loaded event and is setting the height (via Javascript) when the images is not fully loaded. But I didn’t confirm this conclusion.

    This happens with Media Grid and WP-Rocket with Lazy Load on. I would assume it would happen with any third party lazy load plugin.

    As soon as we resize the window, the javascript it fixes it.

    • This topic was modified 4 years, 5 months ago by Michael.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Leap13

    (@leap13)

    Hi @mgparisi

    Hope you’re doing well today ??

    Actually, the issue mainly happens because the items position are set by the JS code. With images lazyload enabled, we can’t know when will the images will be loaded so we can refresh the grid with the new position.

    We have made a couple of changes into the JS code for Premium Media Grid widget to refresh the grid when images are loading, not after loading is finished.

    Hope you got the point, please let me know if you still have any further questions.

    Regards

    Thread Starter Michael

    (@mgparisi)

    I was able to get around this in other projects, and it can be used to fix the problem you face. It should work with almost any Lazy Loading. And with your project, the URL of the image’s are extremely easy to know.

    https://idiallo.com/javascript/img-detect-loaded

    Any way, goodluck on it. And do you mean the Premium version now has a fix?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Media Grid doesn’t work with Lazy Load’ is closed to new replies.