jquery/javascript：如何按顺序而不是并行加载（某些）图像？

这个问题是具有跨站点链接的单点登录站点所特有的。门户（我的项目）维护一个描述两个远程站点上的图像的元数据数据库。所有3个都需要Shibboleth身份验证，并使用相同的身份提供程序

当用户连接到没有现有会话的计算机时，他们会被重定向到身份提供程序，如果他们有会话信息，则会使用一个反向通道来创建本地会话

当浏览器同时打开多个需要创建新本地会话的连接时，就会出现此问题。一个连接可能会成功，但如果不是全部的话，大多数连接都会失败

解决方案（我认为）是在第一个门户页面上有一个来自每个远程站点的小图像，每次加载一个。一旦建立了会话，一切都很好

最后，我的问题是：如何一次加载一个远程映像列表，等待每个映像完全加载，然后再请求下一个映像。

var imageNames=['img1.png'，'img2.png']；
var imageNames = ['img1.png', 'img2.png'];
var counter=0;

function loadImage(imageName, counter){
  $.get(imageName).done(
    function(){
      console.log(imageNames[counter] + ' loaded');
      counter++;
      if(counter < imageNames.length){
        loadImage(imageNames[counter], counter);
      }
    }
  );
}

loadImage(imageNames[counter], counter);

var计数器=0；
函数loadImage（图像名称、计数器）{
$.get（imageName）.done(
函数（）{
log（imageNames[counter]+'loaded'）；
计数器++；
if（计数器

谢谢，这看起来像是满足了我的要求，但没有满足我的需要。我仍在努力解决这个问题，但它似乎没有遵循302重定向，也没有在可用时传递会话cookies。