使用 LazySize 延迟加载图像，但希望在加载时保持图像周围的空间

Question

我正在使用LazySize来延迟加载图像。我正在使用Bootstrap作为HTML和CSS的框架，但是在尝试允许在图像加载时保持图像周围的空间时遇到麻烦，因此图像似乎没有填充它周围的文本之间的空间。几乎就像图像在页面上定期加载一样，当您不延迟加载时，图像周围保持空间，同时加载。

我已经尝试指定宽度和高度，并将宽度规范添加到数据接收器集，图像的 HTML 中，并使用 data-size="auto"，但这无济于事。我的想法是添加CSS自定义，以便在加载之前保持图像的空间，但我想知道是否有更好的方法可以做到这一点？

Answer 1

我的解决方案是添加一个较低质量图像的 src= 属性，以允许某些东西保持空间，直到图像延迟加载。这样，它似乎保持与加载而不延迟加载的图像相同的行为。