提问者:小点点

如何使图像在加载时变得模糊,然后在加载后变得清晰?


我正在做一个项目,当有人打开它,所以图像应该给他们一个模糊的预览,并在其完全加载后,然后向用户显示iamge。 例如,在Instagram上,当我们打开应用程序时,它会向我们显示模糊的图像,而在它完全加载后,它会向我们显示清晰的图像。 如何使用javascript或jQuery实现相同的特性?


共1个答案

匿名用户

您需要在数据库中拥有一个质量非常低的映像版本(或者如果您将其直接嵌入->到您的资产中)。 然后可以加载较小的图像,并使用CSS blur()对其进行模糊处理。

当加载完全大小的图像时,您可以隐藏小图像。 为了了解如何检查这一点,我找到了这个stackoverflow线程:如何创建一个JavaScript回调来知道图像何时被加载?