lazysizes.js-数据源响应图像

时间:2018-12-11 14:57:13

标签: lazy-loading

我需要更改每个断点的图像。 例如,对于 最大宽度:767像素:image-mobile.jpg 最大宽度:1024像素:image-desktop.jpg

我正在尝试这种方式,但不适用于我:

<div class="image-wrapper">
  <img class="lazyload"
  data-sizes="(max-width: 767px) 767px, 100vw"
  data-src="https://picsum.photos/1600/900?image=3"
  data-srcset="https://picsum.photos/767/900?image=3 767w,
  https://picsum.photos/1024/900?image=3 1024w">
</div>

我应该添加另一个配置来工作吗?

0 个答案:

没有答案