Nivo Slider-仅当向下滚动到滑块时才加载图像-Lazyload

Question

我在起始页上使用Nivo滑块（超出可见区域）。 不幸的是，他提前加载了图片，这大大增加了加载时间。我希望在继续向下滚动时加载图片。

我已经在图像标题（lazysizes.js）中集成了一个javascript，效果很好。为此，只需分配data-src中img标记中的“ src”属性和类“ lazyload”即可。

不幸的是，这对于Nivo Slider来说并不容易。

<nb-layout>

  <nb-layout-header subheader>
    <a href="#" (click)="toggle()"><i class="nb-menu"></i></a>
  </nb-layout-header>

  <nb-sidebar></nb-sidebar>

  <nb-layout-column>Layout Content</nb-layout-column>
</nb-layout>

当我向下滚动到滑块时，如何仅能达到图像加载？