Как мне предварительно загрузить изображения туда, где они на самом деле заставляют загружаться изображения, прежде чем продолжить (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];
  }
}

Я не проверял.