修改翻書 jquery 加載更快

Question

我正在使用帶有大 png 圖像序列的Flipbook jquery 插件。 我給插件的創建者發了電子郵件，詢問是否有任何方法可以創建某種“加載器”或允許它分塊加載並在加載一定數量的圖像后開始播放。 他回應如下：

這應該是可能的，我正在考慮這樣做，但當時不需要。

在翻書代碼中，shouldStartAnimation function 確定 animation 是否應該通過增加一個計數器並檢查該計數器與總幀數來啟動。 當所有幀都加載完畢后，計時器開始翻轉幀。 可以更改此代碼，以便在加載一半幀或其他內容后啟動計時器。 它也可以變得非常花哨，並計算出每幀加載需要多長時間，然后猜測在開始播放序列之前需要加載多少幀，以便在需要時加載所有幀。

不幸的是，我沒有時間自己進行這些更改，但請隨時根據您的需要修改此代碼:)

https://gist.github.com/719686

不幸的是，我不知道足夠的 javascript 來完成這項工作，而且我不知道這對於這樣做的人來說究竟需要做多少工作。 我只是希望這里的某個人可能有一些更有用的信息或建議來幫助我解決這個問題（或者，顯然，如果這對某人來說很容易做到，那將是驚人的）。

Answer 1

添加一個默認選項，如下，確保在正確的位置有適當的“逗號”。

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

並在下面的function中編輯一個變量，將變量“end”替換為“loadbeforestart”

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

我認為這應該可以解決問題*