Understanding how lazy load checks visibility on page

  • Resolved si.keatley

    (@sikeatley)


    11 years, 9 months ago

    I’m having an issue in Chrome where a responsive hammy image should be visible in the viewport but it does not trigger lazy load until either you scroll 1 pixel or resize the browser window.

    • Version 3.5.1 of WordPress
    • 1.2.3 of Hammy
    • Works in Firefox v20.0
    • Same non-working behavior in Safari (which makes sense)

    https://www.simonkeatley.com/blog/finally-starting-a-blog/.

    I looked through the documentation on lazyload and tried the following with no luck:

    • $(“img.lazy”).lazyload({skip_invisible : false});
    • $(“img.lazy”).lazyload({ threshold : 200 });

    I’m now combing through my CSS to see what I can toggle to get the image to load in Chrome but I haven’t yet been able to find anything.

    Do you have any insight into how lazyload checks if someone is visible in the viewport (so I can track down my issue further)?

    https://www.ads-software.com/extend/plugins/hammy/

Viewing 1 replies (of 1 total)
  • Thread Starter si.keatley

    (@sikeatley)

    Holy cow, I’m not the brightest.

    Hammy is working fantastically; to my own amazement, having Chrome Inspector up was apparently the culprit (even though visually things looked fine). Although it doesn’t explain the issue with Safari (which will load the image half the time without a resize), I think the issue is definitely on my end.

    Noel, it appears that just posting to your Hammy forum helps me solve my own problems; your plug-in rocks – please keep updating it!

    Only recommendation I would make is to include more examples of lazyload commented out so people don’t have to dig as much if they want to include additional options.

Viewing 1 replies (of 1 total)
  • The topic ‘Understanding how lazy load checks visibility on page’ is closed to new replies.