我有一个不寻常的项目,我需要预加载超过200个.png文件,以便我可以在画布中创建一个图像序列。这些文件加上网站的其余部分总共约323个文件。这适用于IE9以外的所有浏览器。
IE9将开始加载文件,但随后停止加载 180-220个文件。它并不总是一致的。
我注意到,如果我将这些序列PNG放在第一位,它会停在那些PNG中的某个位置。如果我把它们放在最后,它实际上加载所有其他资产,然后再次停止在序列PNG内的某处,除非在加载其他资源之后。
我尝试过不同的事情:
我尝试通过for循环使用标记加载(Image())所有资源。这创建了一个问题,我可以看到它加载所有文件,但它不会报告所有文件。
然后我修改了我的代码以批量加载10个文件但是然后每次都没有触发image.onload会阻止我的努力。
我继续使用PreloadJS使用XHR来加载它们,现在它在加载时停止死亡而没有任何信息(错误等)
我在这里开始没有想法了。我希望也许有一些PNG的东西,它们相当大(1920x1080)。
所有这些都发生在$(document).ready()之后。
感谢任何帮助。