这里的窍门是跟踪所有的LoadImage 的promise，接下来加入面板slideDown动画。 因此首次点击按钮时，面板将slideDown并且图像将开始加载。 一旦完成向下滑动面板和已加载的所有图像，面板才会淡入。

　　假如，我们要在整个页面实现递延图像显示。 要做到这一点，我们需要的HTML的格式如下：

　　意思非常简单：

　　我们将如何实现呢？

 　　如果我们想延迟加载的图像本身，代码会有所不同：

　　这里，我们首先在尝试加载图片之前等待延迟条件满足。当你想在页面加载时限制网络请求的数量会非常有意义。

　　正如你看到的，即使在没有Ajax请求的情况下，promise也非常有用的。通过使用jQuery 1.5中的deferred实现 ，会非常容易的从你的代码中分离出异步任务。 这样的话，你可以很容易的从你的应用程序中分离逻辑。

本文链接：使用 jQuery Deferred 和 Promise 创建响应式应用

译者：点点滴滴博客，原文：Creating Responsive Applications Using jQuery Deferred and Promises