javascript - 在完全加载之前计算用户提交的图像的宽度

Question

我有一系列由用户生成的图像，这些图像被输入到可拖动的功能区中。我正在设置图像的高度，以便它们彼此很好地排列并显示在一条线上。

我面临的问题是我需要等待所有图像加载，然后才能计算功能区的宽度并根据功能区宽度设置一些可拖动的参数......在某些情况下，这需要 5 秒以上。

有没有办法等到所有这些图像都开始加载然后获取功能区的宽度......这样如果只加载了大全景图像的前 10 个垂直像素，它仍然可以执行计算。

我正在使用 jQuery。

谢谢你。

Answer 1

您可以使用load事件：

load 事件在文档加载过程结束时触发。至此，文档中的所有对象都在 DOM 中，所有图片和子帧都加载完毕。

$(window).load(function(){
  //...
})