When you set infinite carousel and you have lazyloaded images, the src attribute of cloned elements aren't replace with the image at load.
DEMO
====================================================================
Set data-lazy intead of src in the image inside the slide, set infinite carousel, scroll on the next slides.
====================================================================
No image swap
====================================================================
When the cloned slide enter from the right side, the images are not showed. The images return visible when the slide swaps on the real one.
====================================================================
FIX:
imageToLoad.onload = function() {
[...]rest of the function
//REPLACE LAZYLOAD ON CLONED SLICK
$(".slick-cloned [data-lazy='" + imageSource + "']").attr("src", imageSource).removeAttr('data-lazy data-srcset data-sizes');
};
First of all thanks a lot for this awesome slider, I really appreciate it.
I am experiencing this issue as well, it would be great if you guys could fix this.
Most helpful comment
First of all thanks a lot for this awesome slider, I really appreciate it.
I am experiencing this issue as well, it would be great if you guys could fix this.