1

我有一个不寻常的项目,我需要预加载 200 多个 .png 文件,以便我可以在画布中创建图像序列。这些文件加上网站的其余部分总共大约有 323 个文件。这适用于除 IE9 之外的所有浏览器。

IE9 将开始加载文件,然后停止加载大约180-220 个文件。它并不总是一致的。

我注意到,如果我将这些序列 PNG 放在首位,它会在这些 PNG 中的某个位置停止。如果我把它们放在最后,它实际上会加载所有其他资产,然后再次在序列 PNG 内的某个地方停止,除非在加载其他资产之后。

我尝试过的不同事情:

我尝试通过 for 循环使用标签加载(Image())所有资产。这产生了一个问题,我可以看到它加载了所有文件,但它不会报告所有文件。

然后我修改了我的代码以分批加载 10 个文件,但是 image.onload 每次都没有触发,这阻碍了我的努力。

我继续使用PreloadJS,它使用 XHR 加载它们,现在它只是在加载时停止而没有任何信息(错误等)

我在这里开始没有想法了。我希望PNG可能有问题,它们相当大(1920x1080)。

所有这些都发生在 $(document).ready() 之后。

任何帮助表示赞赏。

4

0 回答 0