How to load a specific hidden image

I have a slider on my site containing large images whereby only one slide is shown at a time. I would like to lazy load all the images in the slider using data-srcset. If I use the plugin “out of the box” the first slide is loaded correctly. Upon advancing to the next slide, the image is not loaded until I scroll the page a little. I have tried the following code but with no real success:

slickSlider.on('afterChange', function() {
    $('.slide.slick-active').next().find('img[data-srcset]').lazyLoadXT({visibleOnly: false, checkDuplicates: false, forceLoad: true});
});

In the above code I target the next slide and look for the image and apply lazyload… Perhaps I’m using the incorrectly. Can someone point me in the right direction.

[dryabov]

Hmm, I guess

$.lazyLoadXT.updateEvent += ' afterChange';

or (if afterChange is a slider’s internal event)

slickSlider.on('afterChange', function() {
    $(window).trigger('scroll');
});

should work.

[MelchnerRoman]

+1 for implemention in master