Unveilhooks

  • Resolved Anonymous User 16052280

    (@anonymized-16052280)


    6 years, 3 months ago

    Hi Florian,

    I would like to open two topics, might be of some help for you.

    1) In DevTools the plugin loads “lazysizes.min.js?ver=5.3.2“. If you open this js it’s named “lazysizes – v5.2.0“. And the plugin updated from ver 5.1.2 to ver 6.0.0. There is no correlation between these version names, making it confusing to understand changes after plugin update.

    2) Plugin Settings – “Include lazysizes unveilhooks plugin” – “To use it with background images…”
    On my end, I see the same behaviour if this checkbox is checked or not. My background images will lazy load even if unveilhooks.min.js is not loaded.

    <div class="bg-stage lazyload"></div>
<style>
.bg-stage.lazyloaded {background-image: url(lazyloaded-bg.jpg);}
</style>

    Could you please confirm this is the plugin’s normal behaviour?

    Thank you,
    Andrei.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    6 years, 3 months ago

    Hi Andrei,

    to 1: the 5.3.2 is added by WordPress and is the WordPress version you use. 5.2.0 is the version of the lazysizes script, and that version has nothing to do with the version of my Lazy Loader plugin, that only uses that lazysizes script 🙂

    to 2: When you have the option for background images enabled, the unveilhooks script will be loaded regardless of the state of the unveilhooks plugin option. There is also a notice about that in the description of the option. Or is it loaded for you without having one of the options enabled, that need the unveilhooks extension?

    Best,
    Florian

    Thread Starter Anonymous User 16052280

    (@anonymized-16052280)

    6 years, 3 months ago

    Hi Florian,

    1) Now I understand, thank you for the explanation

    2)
    “Enable lazy loading for inline background images” – disabled
    “Include lazysizes unveilhooks plugin” – disabled

    My background images will lazy load even if unveilhooks.min.js is not loaded. The only script loaded from the plugin is lazysizes.min.js?ver=5.3.2.
    You can see it in my page below with DevTools. Please shrink your browser width to emulate a mobile design. The last 3 jpegs on the bottom of the page (active_tel, defective_tel, leak_tel) are lazy loaded background images 🙂
    https://www.sensomap.com/case

    Thank you,
    Andrei

    Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    6 years, 3 months ago

    Hi Andrei,

    ah, yes, but that are not inline background images. With inline background image I mean images that are directly attached to an element via a style attribute. Your images work because you modified your CSS to only show the images when the lazyloaded class is present 🙂

    Best,
    Florian

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Unveilhooks’ is closed to new replies.