ASP.NET MVC - 如何异步加载图像？

Question

在我的网站的主页上,我想展示很多具有相当大图像的产品.目前页面加载时间太长,实际上超时并且页面无法显示!

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

我假设这将需要一些javascript/jQuery ...

Answer 1

<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';
    });
});