Integrate Lazy Load XT with slider/carousel

[voodoo6]

Hi,

I have a slider/carousel that will not load Lazy Load XT-enabled image until a mouse/scroll event take places. The first image loads then subsequent images don't not appear until a mouse/scroll event which causes lazy load to kick in the image appears.

See here for test page, notice how the first image loads and subsequent images in the slider don't – but if you scroll or use mouse, the image appears : http://tenfold.webflow.io/slider-lazy-load-test

The slider/carousel I am using has the ability to be 'redrawn' using:
Webflow.require('slider').redraw();

My javascript/JQuery skills are lacking. Could you help me with a code example of how would I would use Lazy Load XT's events to lazy load the images in my slider/carousel?

Many thanks for any advice

[rhml3000]

Also having a similar issue. Any resolution for this?

[voodoo6]

Hi @rhml3000 – I ended up using another lazy loader called Lazy Sizes which worked fine with my sliders/carousels

[rhml3000]

That's brilliant! Thank you so much!!