代码之家 › 专栏 › 技术社区 › James

ASP.NET MVC-如何异步加载映像?

image-loading asp.net-mvc-2 jquery asp.net javascript

1

James · 技术社区 · 15 年前

在MVC或ASP.NET中,如何异步加载映像?基本上我想做的是显示产品的细节,只是显示一个小的加载图像,例如。 ajaxload.info . 直到图像加载。

2 回复 | 直到 15 年前

1

7

Darin Dimitrov 15 年前

<img src="ajax-loader.gif" onload="this.onload=null;this.src='bigimage.png';" />

或者如果你喜欢低调的话:

<img src="ajax-loader.gif" id="myimg" />

然后:

$(function() {
    $('#myimg').load(function() {
        $(this).unbind('load');
        this.src = 'bigimage.png';
    });
});

2

Russ Cam 15 年前

首先,值得检查的是,你的图片大小不是很大,只是缩放到适合页面的尺寸。为了使加载时间尽可能好,图像应该是您想要显示它们的确切大小,72dpi,而不是更多。图像很可能在第一次获取后被缓存,所以这应该只是一次性的开销。

url urls 然后创建一个新的 Image