jQuery UI：加载图像时加载对话框

Question

我有一个用 ASP.NET MVC3 制作的网站，带有 Razor 渲染视图。 在这个站点中，我创建了图表（System.Web.UI.DataVisualization.Charting.Chart）并将它们作为图像提供给我的视图。

加载图表可能需要 1 到 5 秒。 因此，我希望显示一个加载模式对话框来给用户一些反馈。

创建jQuery UI 对话框非常简单，我听说过有定时关闭的解决方案。 然而，在我的情况下，延迟关闭并不是一个合适的解决方案，因为时间变化。

是否可以显示单个加载对话框，直到页面上的每个图像都被浏览器加载和呈现？ 我怎么能这样做？

谢谢： ：）

Answer 1

您可以将处理程序添加到Load Event

在 img 上添加一个绝对定位的 div（通过 css），这将显示一个正在加载的 img。 向 img 标签添加一个加载事件处理程序，当加载事件被触发时，该处理程序应该删除绝对定位的 div。

Answer 2

如果您对可以通过 jQuery 加载的每个图像都有单独的 URL ，则可以挂钩到加载事件，完成后隐藏等待图像。 这种方法对你有用吗？ 如果是这样，我将编辑并添加代码。