Blocks slider

Hey @thommen,

thanks for opening the issue 🙂

The reason that Lazy Loader is not working with the slider plugin is, that the slider takes the src of the image and uses that as a background image. The value of the src attribute is changed by the Lazy Loader plugin to enable the lazy loading feature – otherwise the browser would directly load the image on load.

The only solution I see is to exclude the revolution slider, so that Lazy Loader does not modifies its images. You can do that in the Lazy Loader settings (under »Settings« › »Media« › »Lazy Loader options«) by adding the class rev-slidebg to the field »CSS classes to exclude«.

If you can wrap the slider shortcode into a custom element where you can add a class, you can also use the disable-lazyload class there, to exclude everything inside that wrapper from Lazy Loader processing.

Hope that helps!
Florian

Hi Tom,

where do you output that image? If that is done in the theme, you could pass the image markup to a method of my plugin, and get the modified markup back (I described that in the first FAQ: https://wordpress.org/plugins/lazy-loading-responsive-images/#faq – if you use that in a function, you need to add the line global $lazy_loader; before the code).

Best,
Florian

You’re welcome! Great to hear that an update of the page builder fixed it 🙂

I set the topic to resolved then?

Best,
Florian

Great, thanks!