Javascript 在页面加载之前使用jQuery以图像为目标

我有一个网站，我正在工作，有一个图像库，用户上传巨大的图像。图像库包含的div被设置为某个400px的宽度，以匹配布局。我遇到的问题是页面加载，在一瞬间，库中的第一个图像以正常大小（巨大）加载到页面上，然后css启动并将图像大小调整为400px。我想知道是否有一种方法可以在呈现站点代码之前确定目标并更改图像大小。比如：

jQuery( window ).load(function($) {
    //step 1: find the image using the unique css class it is inside
    //step 2: resize image to 400px
    //step 3: let rest of site html/css/jquery load
});

---

我正在使用

$（窗口）。加载

而不是

$（文档）。准备好

，试图在html/css/jquery启动之前以图像为目标。如果您对此主题有任何见解或帮助，我们将不胜感激。

请尝试向图像元素添加

宽度

和

高度

属性。将样式应用于特定类时，CSS将覆盖这些属性。此外，您不需要搞乱JS

<img src="image.jpg" width="400" height="auto">

你能把实际的代码放进去吗？（步骤2）请提供一个最小值。此外，您的方法也不对：document.ready在window.load之前启动。下载所有页面资源、css、脚本和图像时激发window.load。把你的css放在页面的头部。我认为这是个坏主意，当你上传任何图像时，它会增加页面加载时间。制作缩略图并显示。你可以在后端使用图像大小调整软件，并提供较小的图像以提高页面加载速度：）是的，这是一个绝对奇妙的想法。测试、确认；现在开始生产！