修改 Flipbook jquery 以加快加载速度

Question

我正在使用 Flipbook jquery 插件 和一个大的 png 图像序列。我给插件的创建者发了电子邮件，询问是否有任何方法可以创建某种“加载器”或允许它分块加载并在加载一定数量的图像后开始播放。他的回应如下：

这应该是可能的，我正在考虑这样做，但当时不需要。

在翻书代码中，shouldStartAnimation 函数通过递增计数器并根据总帧数检查该计数器来确定动画是否应开始。当所有帧都已加载后，计时器启动，翻转帧。可以更改此代码，以便计时器在加载一半帧或其他内容后启动。它还可以变得非常奇特，计算出每个帧加载需要多长时间，然后猜测在开始播放序列之前需要加载多少帧，以便在需要时加载所有帧。

不幸的是，我没有时间自己进行这些更改，但请随意根据您的需要修改此代码:)

https://gist.github.com/719686

不幸的是，我不知道足够的 javascript 来完成这项工作，而且我也不知道这对于这样做的人来说到底需要多少工作。我只是希望这里有人可能有一些更有用的信息或建议来帮助我解决这个问题（或者，显然，如果这对某人来说足够容易做到，那就太棒了）。

Answer 1

添加一个默认选项，如下所示，确保在正确的位置有正确的“逗号”。

'loadbeforestart': 10, //start animation when 10 frames are loaded

并在以下函数中编辑变量，将变量“end”替换为“loadbeforestart”

function shouldStartAnimation(){
    //console.log('pre: '+imageName(i));
    preloadCount += step;
    if(preloadCount >= loadbeforestart){
        setTimeout(flipImage, holdTime);
    }
}

，我认为这应该可以解决问题*