asp.net - 在启用 ajax 的 asp.net 环境中每 10 秒在客户端下载照片？

Question

有一个使用 c# 在 asp.net 上编码的网站页面，并且也启用了 ajax。

我想要一个加载速度非常快的网页；这将在以下架构中发生；

1-首先所有数据都由文本框显示（有50个文本框，它是一个申请表。）

2-当请求并加载网页时，我希望所有照片都显示在从页面顶部到页面末尾的每个文本框 10 x 10 附近。（每张照片大小在 5 kb - 20 kb 之间；）

我知道 ImageHandler 的问题是我怎样才能把所有这些想法变成现实生活？一些例子和想法会很棒！谢谢

bk

Answer 1

(function(images, elements) {
    var fetchImages = function() {
        if(images.length > 0) {
            var numImages = 10;
            while(images.length > 0 && numImages-- > 0) {
                // assuming your elements are <img>
                document.getElementById(elements.shift()).src = images.shift();
                // if not you could also set the background (or backgroundImage) css property
                // document.getElementById(elements.shift()).style.background = "url(" + images.shift() + ")";
            }
            setTimeout(fetchImages, 5000);
        }
    }

    // bind to window onload
    window.onload = fetchImages;
    // if you're going to use something like jquery then do something like this instead
    //$(fetchImages);
}(['url1', 'url2', 'url3'], ['img1', 'img2', 'img3']))

像这样的东西会做什么，我想，你问。
最后一行可能会被替换为

}(<%=ImageUrls %>, <%=ImageElements %>))