search

ressio / lazy-load-xt

Lazy load XT is a jQuery plugin for images, videos and other media
http://ress.io/lazy-load-xt-jquery/
MIT License
1.36k stars 245 forks source link

Integrate Lazy Load XT with slider/carousel #104

Open voodoo6 opened 7 years ago

voodoo6 commented 7 years ago

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 commented 6 years ago

Also having a similar issue. Any resolution for this?

voodoo6 commented 6 years ago

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

rhml3000 commented 6 years ago

That's brilliant! Thank you so much!!