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

Question

我想显示图像div的预加载图像中心。但是所有图像都有不同的尺寸，因此预加载图像不能显示在每个图像的中心。

感谢您提前！

Answer 1

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

进行描述

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

然后使用这样的js：

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