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.
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 6 years, 2 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…
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?
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 6 years, 2 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.