Lazy Load Parent Class Excludes questions

  • Resolved marcorroma

    (@marcorroma)


    4 years, 4 months ago

    Hi, the “Lazy Load Image Parent Class Name Excludes” function is used to exclude images from, for example, this code:
    <div class=”nolazy”> </img> </div>

    In this case, if I exclude the “nolazy” class, all the images contained in “</img>” is excluded from the lazyload?

    Another question#1, since I use WPbakery and it allows you to insert only custom IDs (no class) to post blocks, is it possible to use IDs too (instead of class css)?

    Another question#2: through a custom exclusion is it possible to exclude only the first element of a CSS class or ID?

    Thanks for support.
    I hope I explained myself.
    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    1) yes

    2-1) sadly no , it only filters with “class”

    2-2) I am not sure what exactly does it mean , could you please provide more info ? better a code snippet

    Best regards,

    Thread Starter marcorroma

    (@marcorroma)

    I’ve tried and it doesn’t work. If I set up a CSS class with the first child it doesn’t work.
    I created a function that replaces the first element of a given CSS class, and I excluded that CSS class from the lazyload.

    Is it possible to include the background images of a div from the lazyload? I don’t want them to be included in the lazyload, some background images are not visible without scrolling.

    Thank you!

    Thread Starter marcorroma

    (@marcorroma)

    Is it possible to include the background images of a div from the lazyload?

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    > include the background images of a div from the lazyload?

    could you post an example snippet ?

    Best regards,

    Thread Starter marcorroma

    (@marcorroma)

    This is the code that loads the image. I would like to include it in the lazy load.

    HTML
    <span class="img-1"></span>

    CSS Image Sprite:

    .img-1 {
    background-position: -3px 0;
    width: 45px;
    height: 45px;
}

.img-1, .img-10, .img-11, .img-12, .img-2, .img-3, .img-4, .img-5, .img-6, .img-7, .img-8, .img-9 {
    display: inline-block;
    background: url(/wp-content/uploads/2020/08/image.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;

    Thanks

    • This reply was modified 4 years, 3 months ago by marcorroma.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Lazy Load Parent Class Excludes questions’ is closed to new replies.