Загружать контент и предварительно загружать изображения через AJAX?

Question

Скажите, что у меня как:

$(function() {
    $('a').click(function(e) {
        e.preventDefault();
        var h = $(this).attr('href');
        $('#content').load(h);
    });
});

Это на самом деле не загружает изображения, а просто загружает контент, как вы собираетесь загружать реальные изображения?

Некоторые люди, кажется, не понимают: я имею в виду, что он загружает изображения, но не «предварительно загружает», что означает, что вы наблюдаете загрузку изображений по отдельности.

Редактировать : Скажитеhref был равен somepage.html, и на этой странице были изображения и контент, да, он будет загружать изображения и контент, но на самом деле он вообще не загружает изображения, вы по-прежнему наблюдаете загрузку изображений по отдельности.Как можно было бы предварительно загрузить изображения в самом запросе?

Answer 1

Попробуйте:

1. Скрыть #content div и вызвать load на нем.Это будет загружать контент незаметно, так что ваши пользователи не увидят загрузку изображений впоследствии
2. Привязать load обработчики событий к каждому изображению, а когда все они будут запущены, снова покажите #content div

См. Этот ответ для справки: Узнайте, когда изображения будут загружены в ответ AJAX .Он покажет вам, что делать.

Answer 2

См. Обработанный пример здесь о том, как предварительно загрузить ваши изображения;

http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript