lazysizes.js-数据源响应图像

Question

我需要更改每个断点的图像。 例如，对于 最大宽度：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>

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