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

时间:2011-06-06 02:25:49

标签: javascript html jquery-ui asp.net-mvc-3 jquery-ui-dialog

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

加载图表可能需要1到5秒。因此,我希望显示一个加载模式对话框,以便向用户提供一些反馈。

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

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

谢谢! :)

2 个答案:

答案 0 :(得分:1)

您可以为Load Event

添加处理程序

在img(通过css)上添加一个绝对定位的div,它将显示一个加载img。向img标记添加一个load事件处理程序,该标记应该在load事件被触发时删除绝对定位的div。

答案 1 :(得分:0)

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