Unfortunately there is no option in the Jetpack plugin to exclude or skip certain images from lazy loading (so you can keep using lazy loading for other images on your website).
The only way to do this is by using custom PHP code. If you're familiar with this you can use the code snippet at the bottom of this page and add the custom class to the images in the before/after slider.
Hi,
I've setup the demo here: https://evergreenlawnrenovations.com/
Everything is working great except the feature 'before and after' featured displayed with the shortcode [twentytwenty]
Page with that shortcode: https://evergreenlawnrenovations.com/about-us/
Demo: https://demos.qreativethemes.com/thelandscaper/about-us/
Can you please look into it?
Thank you!
Hi there,
By inspecting the source code I see the images are broken because of the lazyloading function from the Jetpack plugin.
Can you check if the before/after element work again after disabling this option?
Thank you.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
That fixed it. Thanks!
You're welcome.
Unfortunately there is no option in the Jetpack plugin to exclude or skip certain images from lazy loading (so you can keep using lazy loading for other images on your website).
The only way to do this is by using custom PHP code. If you're familiar with this you can use the code snippet at the bottom of this page and add the custom class to the images in the before/after slider.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
I've disabled the lazy loading for now.
That will be the best option
If you have any other questions feel free to ask.
Best regards,
Barry
QreativeThemes.com | WordPress Themes