使用LazySizes延迟加载图像,但要在加载图像时保持图像周围的空间

时间:2018-08-24 15:26:12

标签: css lazy-loading

我正在使用LazySizes延迟加载图像。我正在将Bootstrap用作HTML和CSS的框架,但是在尝试加载图像时试图保留图像周围的空间时遇到了麻烦,因此图像似乎无法填充其包围的文本之间的空间。就像在不进行延迟加载时,在加载时加载图像时,图像在页面上保持有一定的空间,看上去就像是定期加载到页面上一样。

我已经尝试指定宽度和高度,并将宽度规范添加到data-srcset,图像的HTML,并使用data-sizes =“ auto”,但这无济于事。我的想法是添加CSS定制,以便在加载图像之前保留图像的空间,但是我想知道是否有更好的方法可以做到这一点?

1 个答案:

答案 0 :(得分:0)

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