在图像加载期间显示预加载图像，但所有图像的大小不同答案

【问题标题】：Show pre-load image during images load but all images are different size在图像加载期间显示预加载图像，但所有图像的大小不同
【发布时间】：2012-08-03 12:34:48
【问题描述】：

我想显示图像 div 的预加载图像中心。但是所有的图片都有不同的大小，所以预加载的图片不能显示在每张图片的中心。

感谢您的提前！

【问题讨论】：

标签： jquery preloader preloading image-preloader

【解决方案1】：

您可以使用 css 来解决此问题。将类“预加载器”添加到页面上的每个图像，并用 css 描述它：

.pre-loader {
  background: #ccc url(loaderimageurl) center center no-repeat;
}

然后像这样使用js：

$("img").load(function () { $(this).removeClass("pre-loader"); });

【讨论】：

最好我推荐你和min-width和min-height每张图片
它会破坏妆容。并且小图像将足够快地加载。我猜。 imo 将加载程序放在图像上是个坏主意。
我试过你的提议。如果未确定宽度和高度，则无法显示加载图像。当我确定宽度和高度以及向所有图像添加类时，所有这些图像都会调整大小以加载图像。
您可以在 css-rule 中为 .pre-loader 确定这些参数，例如 np。