光滑的滑块延迟加载集中的最后一张图像

Question

我为图像轮播实现了平滑的滑块，但是在延迟加载时遇到了一些困难。不论幻灯片的数量如何，似乎滑动总是加载在组中的第一张和最后一张幻灯片中。

我有一个包含两个图像的组，并且都已下载。我有一个包含三个图像的组，并且已下载了第一张和第三张图像-仅第二张幻灯片按预期方式被延迟加载。

这是默认行为吗？是否可以对此进行自定义以确保仅加载第一个幻灯片，其余按需加载？

 $('.js-slick').slick({
  dots: true,
  arrows: false,
  lazyLoad: 'ondemand',
  infinite: true,
  slidesToShow: 1,
  slidesToScroll: 1
})

<div class="js-slick">
  <img data-lazy="/path/to/image" alt="" class="card__media">
  <img data-lazy="/path/to/image" alt="" class="card__media">
  <img data-lazy="/path/to/image" alt="" class="card__media">
</div>

Image of network tab console

有什么想法吗？