Lazy loading images – bug found and resolution

Thank you for the information but it’s weird even with this new identifier impossible to load images :

/* PART 1 – Before Lazy Load */
img[data-lazyloaded]{
opacity: 0;
}

/* PART 2 – Upon Lazy Load */
litespeed-loaded{
-webkit-transition: opacity .5s linear 0.1s;
-moz-transition: opacity .5s linear 0.1s;
transition: opacity .5s linear 0.1s;
opacity: 1;
}

You’re missing the . before litespeed-loaded. It should be:

/* PART 2 – Upon Lazy Load */
.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.1s;
    -moz-transition: opacity .5s linear 0.1s;
    transition: opacity .5s linear 0.1s;
    opacity: 1;
}

@threepoint I changed img.loaded to litespeed-loaded but it still doesn’t seem to work, the images still disappear.
Temporarily turn off the Lazyload image feature will solve this problem.

I had already tried with the “.” and yet same result

Best option will be turn off lazy images option, clean all cache.

Hi,

Please try

Img.litespeed-loaded

Best regards,

Correction: it should be img.litespeed-loaded.

Since this update lazy loading has become useless it seems. As soon as it is turned on, there are no images at all…clear cache, restarted server etc…
I am using this in custom css:

/* PART 1 – Before Lazy Load */
img[data-lazyloaded]{
opacity: 0;
}

/* PART 2 – Upon Lazy Load */
img.litespeed-loaded {
    -webkit-transition: opacity .5s linear 0.1s;
    -moz-transition: opacity .5s linear 0.1s;
    transition: opacity .5s linear 0.1s;
    opacity: 1;
}

• This reply was modified 5 years, 7 months ago by mrmad.

It works perfectly after fixing code like @qtwrk and @hailite. Many thanks!

@zztalano1zz so what is the exact css you are using? Because I do not see any images at all and had to revert back to previous version…

@mrmad I use this CSS code: https://www.litespeedtech.com/support/wiki/doku.php/litespeed_wiki:cache:lscwp:configuration:media:lazy-load-style

Well, with this code I can 100% say that it is NOT working at all with lazy loading enabled.
Are you sure @zztalano1zz you have checked your server after clearing cache?
@qtwrk is there another solution to this?

I confirm that fix from this url https://www.litespeedtech.com/support/wiki/doku.php/litespeed_wiki:cache:lscwp:configuration:media:lazy-load-style is working fine right now, thx a lot ??

It seems to be a theme-related issue. However, I would appreciate if a dev could look into this as I had no problems with past updates. Or do I need to post somewhere else if I have a LiteSpeed Cache server license?

• This reply was modified 5 years, 7 months ago by mrmad.

Please delete my last comment. It looks like the theme was adding its own lazy loading mechaninism. Sticking to one helped of course. My apologies.