我正在构建网站的移动版本，其中页面数据加载非常快，但由于页面上的图像很大，因此随着时间的推移，它们会变得更慢。
问题在于，当图像缓慢进入时，它们会将页面内容向下推，这样用户就会失去阅读位置。
我想要做的是确定这些图像的大小，然后为图像留下正确大小的黑色占位符，该图像将在加载时填充图像。因此，当图像打开时，用户的阅读体验不会受到刺激。
我想知道是否有可能在图像加载之前使用javascript或html5 获取图像的尺寸，然后使用jscript / html5并将width和height属性设置为初始页面加载 - 在图像完全加载之前。
谢谢！
*编辑：我无法使用蝙蝠的宽度和高度HTML属性，因为图像来自所有不同来源，没有预先知道的宽度和高度（其主要是随机用户发布的图像）
答案 0 :(得分：0)
这是height元素的width和<img />属性。将它们设置为图像的高度/宽度，该空间将由渲染器保留。
否则你处于鸡与蛋的状态;你不能神奇地找到图像的大小;你需要先下载它！