预渲染图像之前javascript

Question

我想立即显示图像，因为所有的图像加载为我的平滑滑块， ，但它不工作。

var myPhotos = { 
    _counter: 0, 
    images: [], 
    init: function() { 
     ServerCall1(0, 'xml', 'rssphotos.php', function(xml) { 
      imageObj = new Image(); 
      $(xml).find('item').each(function() { 
       var desc = $(this).find('description').text(); 
       var resp = getImgArray(desc); 

       myPhotos.images[myPhotos._counter] = resp[0]; 
       myPhotos._counter++; 

      }); 

      //start preloading 
      for (i = 0; i < myPhotos._counter; i++) { 
       imageObj.src = myPhotos.images[i]; 
      } 

      ////PUT THE HEADER HOME PAGE 
      topHeader.putData(topHeader.photoData()); 
     }); 
    } 

}; 

这个函数的执行后，我遍历myPhotos.images让他们瞬间，但其呈现一个个非常缓慢。

Answer 1

也许这

var myPhotos = { 
    _counter: 0, 
    images: [], 
    init: function() { 
     ServerCall1(0, 'xml', 'rssphotos.php', function(xml) { 
      $(xml).find('item').each(function() { 
       var desc = $(this).find('description').text(); 
       var resp = getImgArray(desc); 

       myPhotos.images[myPhotos._counter] = resp[0]; 
       myPhotos._counter++; 

      }); 

      //start preloading 
      for (i = 0; i < myPhotos._counter; i++) { 
       this.images[i]= new Image(); this.images[i].src = myPhotos.images[i]; 
      } 

      ////PUT THE HEADER HOME PAGE 
      topHeader.putData(topHeader.photoData()); 
     }); 
    } 

};