Javascript 在页面加载之前使用jQuery将容器居中

我有一个

div

和一个

img

，需要以窗口为中心。我扩展了jQuery功能，以便使用此功能实现这一点：

jQuery.fn.center = function () {
                this.css("position","absolute");
                this.css("top", Math.max(0, (($(window).height() - this.outerHeight()) / 2) +$(window).scrollTop()) + "px");

                this.css("left", Math.max(0, (($(window).width() - this.outerWidth()) / 2) +  $(window).scrollLeft()) + "px");

                return this;
            }

此功能工作正常，但唯一的问题是图像首先加载到其默认位置，然后移动到中心。如何使图像在页面加载时直接显示在中心

---

编辑：我的意思是：

我实际上需要查看调用此函数的代码来帮助您，但这里有一个快速建议

首先使用

display:none渲染img并在
.center（）
或者使用回调使其同步

这样，即使在显示图像之前，您也可以将图像居中。
我实际上需要查看调用此函数的代码来帮助您，但这里有一个快速建议

首先使用
display:none渲染img并在
.center（）
或者使用回调使其同步

这样，即使在显示图像之前，也可以将图像居中