JQuery異步圖像幻燈片預加載

Question

我正在使用JQuery動畫框架編寫腳本。在這種情況下，我需要有一系列不同的動畫。當新的動畫開始時，我需要更改頁面的背景圖像。

的動畫框架（這就是所謂的JSTween）提供了以下回調：

onStart: function() {}, 
onStop: function() {} 

我在找一個jQuery實現爲以下僞代碼：

onStart: function() { 
    load new background; 
} 

onStop: function() { 
    // This animation has ended, about four seconds have passed 
    on new background loaded: { 
     // Change background 
    } 

    // Start new animation async 
} 

我一直在尋找$.when和類似的工具，但我無法弄清楚如何正確使用它們。

Answer 1

您應該實施一些功能，如$.when。基本上你的寄存器，在onStart功能的運行時環境中運行的函數：

var background_callback; 

var loadNewBackground = function() { 
    background_callback(); 
} 

var onBackgroundLoaded = function (callback) { 
    background_callback = callback; 
} 

你編輯代碼將是：

onStart: function() { 
    // load new background; 
    loadNewBackground(); 
} 

onStop: function() { 
    // This animation has ended, about four seconds have passed 
    onBackgroundLoaded(function() { 
     // Change background 
    }); 

    // Start new animation async 
}