Téléchargement de photos côté client toutes les 10 secondes sur un environnement asp.net activé par ajax?

Question

Il existe une page de site Web qui est codée sur asp.net en utilisant C# et ajax est également activé.

Je veux une page web de chargement très rapide; ce qui va arriver avec l'architecture suivante;

1- Tout d'abord toutes les données sont présentées par les zones de texte (Il y a 50 zones de texte, il est un formulaire de demande.)

2- Lorsque la page Web est demandée et chargée, je veux toutes les photos sont affichés près des chaque zones de texte 10 par 10 du haut de la page jusqu'à la fin de celui-ci. (Chaque photo est entre 5 kb - 20 kb;)

Je sais que la question d'ImageHandler est comment puis-je mettre toutes ces idées dans la vraie vie? quelques exemples et idées seront super! grâce

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

Quelque chose comme ça ferait quoi, je pense, vous demandez.
La dernière ligne serait probablement remplacé par quelque chose comme

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