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

Question

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

感谢提前！

Answer 1

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

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

然后像这样使用js：

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