在页面加载之前使用jQuery来定位图像

Question

我有一个我正在处理的网站，它有一个图片库，用户正在上传巨大的图片。我将图片库包含的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
});

我正在使用$(window).load而不是$(document).ready来尝试在html / css / jquery启动之前定位图像。非常感谢有关此主题的任何见解/帮助。

Answer 1

尝试将width和height属性添加到图片元素。将样式应用于特定类时，CSS将覆盖这些属性。此外，你不需要搞乱JS。

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