Question

我的网站上的图库中有一些高分辨率的图像，而我想要的某些动画就像ajaxload.info中可以找到的一样，代替我的图像直到它完全加载。有些人认为它就像在你的css中添加这样的东西一样简单：

img { background:url('../images/ajax-loader.gif') center center no-repeat;}

好吧，这个将背景图像添加到透明的'spacer.gif'中，导致加载图像显示我的间隔符所在的位置。然而，这种“方法”甚至不起作用。当我查看高分辨率图像时，它们仍然从上到下加载，我甚至看不到loader.gif。有帮助吗？我以为到处都有关于此的信息，但对于我的生活，我找不到它。

Answer 1

只需将所有高分辨率图像赋予一个类，然后在css中使用类名而不是全局img标记将背景设置为。

如果你使用jquery加载图像，那么图像将不会从上到下加载，但只会在它完全加载时出现，因此后台加载器图像将是可见的，一旦图像完全加载并显示装载机将被覆盖。这种方法很有效，因为它很简单，你可能只是遗漏了一些东西。