如何在繼續執行（html / javascript）之前將圖像預加載到實際迫使圖像加載的位置？

Question

我想預加載圖像，但是在繼續之前請確保已加載它們。 我怎樣才能做到這一點？

以下內容不起作用，因為它僅發送加載請求，而不會等到圖像加載完畢。 因此，可能在不久之后請求時未加載圖像。

jQuery.preloadImages = function () {
        for (var i = 0; i < arguments.length; i++) {
            jQuery("<img>").attr("src", arguments[i]);
        }
    }       
    $.preloadImages("img1.jpg","img2.jpg");

Answer 1

您是否查看過有關SO的討論：

如何使用Javascript / jQuery確定是否已加載圖像？

Answer 2

jQuery.preloadImages = function () {
  var image = new Image();

  for (var i = 0; i < arguments.length; i++) {
      image.src = arguments[i+1];
  }
}

我還沒測試