Descargar fotos en el lado del cliente cada 10 segundos en un entorno AJAX asp.net?

Question

Hay una página de sitio web que está codificado en asp.net con el uso de C # y Ajax se habilita también.

Quiero una carga de la página web muy rápido; que se va a pasar con la siguiente arquitectura;

1- En primer lugar todos los datos se muestra en los cuadros de texto (hay 50 cuadros de texto, es un formulario de solicitud.)

2- Cuando se solicita la página web y se carga, entonces quiero que todas las fotos se muestran cerca de las cajas de texto cada 10 de 10 desde la parte superior de la página hasta el final de la misma. (Cada foto es entre 5 kb - 20 kb;)

Yo sé de ImageHandler la pregunta es ¿cómo puedo poner todas estas ideas en la vida real? algunos ejemplos e ideas serán grandes! gracias

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']))

Algo así haría lo que, creo, que está pidiendo.
La última línea, probablemente sería reemplazado con algo como

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