Option to select how many images to preload with lazyload

The only feature I am wishing for would be the ability to choose how many images to preload like the numImagesToPreload feature in Royal Slider (referring to royal slider documentation - options - numImagesToPreload).

A page I’m working on will have many carousels, around 10-15, with 5-10 images each. On Demand lazy loading helps, but means a delay every time the user changes the image.

Progressive lazy loading means a decent first load of the initially visible images, but a lot of bandwidth used otherwise for images that may never actually be seen.

(Otherwise I am of course so happy with slick, it’s an amazing library, many thanks)

[Djules]

There is another value for lazyLoad option in the source code, not documented though: ‘anticipated’.

It seems to do what the OP was looking for.

[klibansky]

I needed this function too but because SlickSlider doesn’t support different sources for 72dpi and retina images I had to use another plugin. I chose lazyLoadXT (https://github.com/ressio/lazy-load-xt). I implemented it using:

slickSlider.on('afterChange', function() {
    var activeSlide = $('.slick-slide.slick-active');
    activeSlide.next().find('img[data-srcset]').lazyLoadXT({
        show: true
    });
});