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

时间:2019-05-24 09:29:04

标签: slider opencart nivo-slider lazyload

我在起始页上使用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>

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

0 个答案:

没有答案
相关问题