Убедитесь, что изображения предварительно загружены в Ajax Call - PullRequest
0 голосов
/ 12 декабря 2010

Я заметил, что AJAX-вызов jQuery не загружает / загружает изображения целевой страницы до ее обратного вызова. Таким образом, в основном он просто загружает HTML, а затем выполняет обратный вызов и после обратного вызова начинает загружать изображение / изображения.

Так что мой вопрос, есть ли способ убедиться, что изображения целевой страницы также загружаются / предварительно загружаются перед функцией добавления.

Пример кода:

$.ajax({
   url: ''+nextHref+'',
   success: function(data) {

   var $response = $(data);
   var oneval = $response.find('#ContainerWrapper').html();

   // Then some kind of function that preloads the target images before it appends the ajax result. So basically the part below is where I don't know what o do.
   $response.find('#ContainerWrapper img').examplepreloadfunction(function(){

      $("#ContainerWrapper").append(oneval);

   });

   }
});

Любые ответы, подсказки, идеи или эксперименты?

1 Ответ

0 голосов
/ 12 декабря 2010

Для предварительной загрузки изображения:

$('<img/>')[0].src = '/path/to/image';

или:

(new Image()).src = '/path/to/image';

Вы можете попробовать это для каждого изображения перед тем, как вставить HTML, полученный от вызова AJAX, в DOM.

...