在满载前计算用户提交的图像的宽度

Question

我有一系列由用户生成的图像，这些图像被输入到一个可拉的带状。我正在设置图像的高度，这样它们就可以很好地排列在一起，并以一行的形式显示它们。

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

有什么方法可以等到所有这些图像都启动加载，然后得到丝带的宽度.因此，如果只加载前10个垂直像素的大全景图像，它仍将能够进行计算。

我正在使用jQuery。

谢谢。

Answer 1

您可以使用load事件：

加载事件在文档加载过程结束时触发。此时，文档中的所有对象都在DOM中，所有图像和子框架都已完成加载。

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