Lazy Load script not firing? Images stay hidden

  • When I activate lazy load, all non-background images stay hidden.
    No errors reported in console.

    e.g.
    HTML ELEMENT:
    <img alt="" width="275" height="83" title="logo-info-trade" data-src="https://pagecdn.io/repo/10521952be691de3ac6b/wp-content/uploads/2019/01/logo-info-trade.png" class="lazyload smush-detected-img smush-image-2" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

    ELEMENT CLASS:

    .no-js img.lazyload {display: none;}
.lazyload, .lazyloading {opacity: 0;}

    RELEVANT CSS IN HTML DOCUMENT

    <style>
.no-js img.lazyload {display: none;}
figure.wp-block-image img.lazyloading {min-width: 150px;}
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1; transition: opacity 400ms; transition-delay: 0ms;}
</style>
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @kdougas ,

    I’m sorry about this problem with Smush.

    Would it be possible for us to see that issue on live site?

    kind regards,
    Kasia

    @kdougas,

    There is a known bug for themes based on Bootstrap. For some reason, theme authors do not remove the .no-js class in the theme header. There will be an overwrite for this in the next Smush release.

    Best regards,
    Anton

    Thread Starter Konstantinos Ntougkas

    (@kdougas)

    @vanyukov

    Thanks for the tip. Apparently there is no way to provide you with a live version of the website with Lazy Load activated due to this issue. I’ve disabled this as I couldn’t find a way to solve the issue. Hardcoding the css wouldn’t help as the class is replaced via javascript when Lazy Load is trigered. Any idea when the next release of the plug in is due?

    Just another hint I’ve noticed: Images display fine whith lazy load activated when in preview mode. They don’t display when in normal view mode.

    @kdougas,

    You can safely remove the .no-js class from the header.php file in your theme. If it’s not removed by the theme – it’s not used. You can also file this as a bug with the theme developer.

    Best regards,
    Anton

    Thread Starter Konstantinos Ntougkas

    (@kdougas)

    @vanyukov
    Hi. I did remove the class=”no-js” from the header.php of my theme and enabled lazy load. The images are no longer hidden.
    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Lazy Load script not firing? Images stay hidden’ is closed to new replies.