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 
}